[React] 리엑트에서 부트스트랩 사용하기

 

먼저 react-bootstrap을 설치해주어야한다.

 

npm install react-bootstrap@next bootstrap@5.0.2
yarn add react-bootstrap@next bootstrap@5.0.2

 

npm 혹은 yarn으로 설치하면 됩니다.

 

설치 후 사용하고자 하는 Components를 찾아서 import 해주어야합니다.

 

사용하고자 하는 Components를 검색한 후 

아래에 있는 예시코드를 테스트로 하나 복사해옵니다.

사용하고자 할 떄는 위에 import를 시켜주어야하는데

사용하고자 하는 컴포넌트를 치면 뒤에 자동완성으로 완성시킬 수 있습니다.

 

테스트 화면!