본문 바로가기
개발/Angular

[Angular] 앵귤러 bootstrap css 사용하기 :: 마이자몽

by 🌻♚ 2018. 10. 11.

angular 프로젝트를 진행하면서 bootstrap css를 사용할려고한다.

먼저 해당 angular 프로젝트에서 npm을 사용해서 패키지를 받는다.

1
npm install bootstarp@4.0.0-beta.2
cs




angular.json파일

architect - build - styles부분에 추가 bootstrap.min.css의 경로를 추가해준다.

npm으로 설치한 모듈은 node_modules 폴더안에 있다.

기본적으로 생성되는 angular.json파일에 styles는 두군데가 있다.

test내부가 아니라 build내부에 있는 부분에 추가해줘야한다.

1
2
3
4
"styles": [
            "src/styles.css",
            "/Users/Jamong/Documents/angularProjects/ng-library-app/node_modules/bootstrap/dist/css/bootstrap.min.css"
          ]
cs


태그

,

댓글0