본문 바로가기
React

[React] React-Bootstrap 사용하기

by dong_su 2023. 12. 16.

세팅하기

 

npm install react-bootstrap bootstrap

-> 터미널에 설치한다.

 

<link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
      integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
      crossorigin="anonymous"
/>

-> public 폴더의 index.html의 <head> 태그 안에 위 코드 넣어논다.


사용하기

 

-> 구글에 react bootstrap 검색 후 처음 나오는 사이트로 이동한다.

-> 검색 창에 필요한 요소들(컴포넌트) 검색 후 이용하면 된다.