[Bootstrap] Bootstrap을 패키지로 설치할때 사용법 정리

패키지 설치

1. yarn add bootstrap으로 부트스트랩 설치
2. node modules에 bootstrap 모듈이 설치된다

 

스타일 적용

CSS, Sass 둘 중 하나 선택

• CSS 파일을 사용할경우:  import 'bootstrap/dist/css/bootstrap.min.css';코드로 부트스트랩 스타일 내 프로젝트에 적용하기
• Sass 파일을 사용할경우: @import '~bootstrap/scss/bootstrap';코드로 부트스트랩 스타일 내 프로젝트에 적용하기

 

JS 적용

1. yarn add @popperjs/core 로 popperjs 라는 패키지 설치
2. JS 파일에: import * as Popper from '@popperjs/core';와 import { 사용할 컴포넌트 이름 } from '../node_modules/bootstrap';코드 삽입