React Bootstrap 적용 방법

suyeon·2022년 1월 20일
0

public > index.html 파일의 head 태그 안에 아래를 붙여 넣는다.

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

원하는 곳에 react bootstrap 코드를 복사 붙여넣으면 된다.

하지만, 컴포넌트를 import 해줘야 한다. (대문자로 되어있는 것은 모두 컴포넌트라고 생각하면 된다.)

import { Button, Navbar } from 'react-bootstrap';

0개의 댓글