리액트에서 부트스트랩 사용하기

1. 아래의 사이트에 들어간다.

https://getbootstrap.com/docs/5.3/getting-started/download/

Download

 

 

2. 아래의 내용을 복사한다.

 

 

3. 복사한 내용을 index.html의 header 태그 안에 붙여넣기 한다.

 

끝!

 

 

<부트스트랩 자동 완성 적용하는 방법>

 

1. 인텔리제이에 들어가서 하단에 터미널을 열고 Command Prompt를 선택한다.

 

 

2. 아래 두 개의 명령어를 입력한다.

npm-install

npm install react-bootstrap bootstrap

 

끝!

 

 

<부트스트랩 사용 방법>

8번째줄은 리액트 부트스트랩을 사용한 방법이고 나머지는 html에서 부트스트랩을 사용하는 방법과 똑같다.

두 방법 중 아무거나 선택해서 사용해도 된다.

 

끝!