FE/React
[React] React Bootstrap
백승전
2021. 8. 6. 14:24
React bootstrap
npm install react-bootstrap bootstrap # React bootstrap 설치하기
https://react-bootstrap.github.io/
React-Bootstrap
The most popular front-end framework, rebuilt for React.
react-bootstrap.github.io
Getting Started → CSS에서 link로 시작하는 라이브러리 index.html에 복사 붙여넣기
src에 넣은 파일은 파일명 변경 + 압축이 가능
public에 넣은 파일은 파일이 보존됨
public에 있는 파일은 절대경로/파일명.jpg << 이렇게 작성해야 함
부트스트랩에서 박스(쇼핑몰일 경우엔 상품 이미지)를 쌓기(모바일일 땐 가로, PC일 땐 세로로 쌓인다.)
<div className="container">
<div className="row">
<div className="col-md-4"> 상품 1 </div>
<div className="col-md-4"> 상품 2 </div>
<div className="col-md-4"> 상품 3 </div>
</div>
</div>
부트스트랩 문법이니 그냥 외우기