bootstrap 개별 component 단위로 적용

1. 설치

 - npm install react-bootstrap bootstrap

 - package.json에 추가

 

 

 

2. import

https://react-bootstrap.netlify.app/docs/getting-started/introduction css부분

사용하고 싶은 component 파일에 import 하

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

 

 

 

3. 경로 추가(router.js)

- 부트스트랩 쓰고자 하는 파일은 Create.js 

- Home의 하위 경로가 아닌 별도 파일로 빼서 Video 등록 폼을 만들 예정

 

 

 

4. component 작업

https://react-bootstrap.netlify.app/docs/getting-started/introduction

Introduction | React Bootstrap

 

React Bootstrap 사이트 왼쪽 바에서 필요한 요소 클릭해서 코드 가져오면 끝!

 

 

 

 

 

 

기존 부트스트랩 요소 css만 수정하고 싶을 때는

1. 별도 css 파일 만들어서 선택자 통일시켜서 적용
2. style 속성으로 바로 주기