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>

 

부트스트랩 문법이니 그냥 외우기