본문 바로가기
Front-End/CSS

bootstrap

by kk님 2023. 3. 28.

(리액트 vscode)

1. npm install 할 때 react-bootstrap을 해야 function 컴포넌트 사용 가능 (안그러면 class 형이라서 오류 발생)

npm install react-bootstrap bootstrap

2. CDN

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

publid index.html 파일의 <head> 태그 안에 붙여넣기

src 폴더에 있던 코드와 파일은 다 압축이 되는데 public 폴더에 있는 파일들은 그대로 보존된다

'Front-End > CSS' 카테고리의 다른 글

display, visibility, opacity 프로퍼티  (0) 2023.09.14
Chakra UI  (0) 2023.04.03
Ant-Design  (0) 2023.03.22
Styled-components  (0) 2023.03.13
reflow, repaint (랜더 트리, reflow, reflow를 줄이는 예)  (0) 2023.03.05