react-bootstrap

react-bootstrap : https://react-bootstrap.github.io/

React-Bootstrap

bootstrap : https://getbootstrap.com/

Bootstrap

 

 

•  설치명령어
  • npm install react-bootstrap bootstrap
  • yarn add react-bootscrap bootstrap
• 특정 스타일을 사용할 때 bootstrap css 파일을 요구할 경우 대비
  • https://react-bootstrap.github.io/getting-started/introduction

위 페이지 안의 대제목 CSS 안에 있는 링크를 본인의 프로젝트에 복사(현재는 아래와 같음)

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

 

• 확인 및 사용법
  • getbootstrap.com 혹은 react bootstrap 사이트 방문 후 Docs 페이지 이동
  • 원하는 레이아웃 검색(eg. button) 후 복사한 뒤 App.js에 붙여넣기 후 확인