꾸준하게 거북이처럼

JSX CSS - 부트스트랩 CSS랑 같이 쓰기 본문

개인공부/CSS

JSX CSS - 부트스트랩 CSS랑 같이 쓰기

somm12 2022. 8. 28. 20:39

React에서 부트스트랩 css를 사용하면서 직접 css를 적용할 수 없을까 알아보았다.

직접 이것저것 해본 결과,

import style from './style.css';// css 파일 import


// JSX부분 
<div className="w-50 border border-secondary p-3" className={style.message_container}>
</div>

위와 같이 className 제일 끝에 {style.클래스이름} 으로 적용하면 css가 반영됨을 알 수 있다!

저작자표시 비영리 (새창열림)

'개인공부 > CSS' 카테고리의 다른 글

글자가 Overflow가 되면, 줄바꿈을 해주는 overflow-wrap  (1) 2022.09.29
fontawesome 아이콘이 안보일 때  (0) 2022.08.12
checkbox 커스텀으로 만들기  (0) 2022.08.08
CSS - position: relative, static, absolute  (0) 2022.08.02
'개인공부/CSS' Related Articles more
Comments