[React] BootStrap css가 적용되지 않을 때..!

 

공식 문서

Introduction | React Bootstrap

설치 정상완료 -> css만 적용안됨

아래 과정을 따라 bootstrap을 설치하면 component도 잘 불러와지지만, 정작 css는 적용되지 않는다.

npm install react-bootstrap bootstrap

해결

최상단의 index.tsx에 아래와 같이 import를 해주면 바로 된다.

import 'bootstrap/dist/css/bootstrap.css';

 

React-Bootstrap is a complete re-implementation of the Bootstrap components using React.
It has no dependency on either bootstrap.js or jQuery.
If you have React setup and React-Bootstrap installed, you have everything you need.

 bootstrap 컴포넌트를 완전히 재구성한거라, 기존 bootstrap이나 jQuery와 의존성이 없다.

즉, react-bootstrap만 설치하면 끝이란 얘기다. 굳!