Yeoman Angular 프로젝트에 부트 스트랩 3 사용자 정의 구성 요소 추가

Question

그래서 저는 지난 주에 조만과 각도를 많이 어지럽 혔습니다. 그래서 저는 주인공 인 내 프로젝트에 부트 스트랩과 UI 부트 스트랩을 통합 할 수있었습니다. 그러나 cover.css라는 다른 CSS 파일을 필요로하는 표지 (http://getbootstrap.com/examples/cover/)와 같은 사용자 정의 부트 스트랩 구성 요소를 추가하려고 할 때.

내 main.html, index.html에서 링크를 시도했지만 @ main.css 파일로 가져 오십시오. 그러나 "grunt serve"가되면 squashed되고 narrowed됩니다. main.css 파일이 cover.css를 덮어 쓰고 있기 때문입니까? 또는 더 나은 질문은 yeoman 프로젝트에 CSS 파일을 추가하는 방법입니다.

이것은 어리석은 질문 일 수 있지만 모든 도움을 주시면 대단히 감사하겠습니다.

Answer 1

Yeoman은 수동으로 CSS 파일을 연결하는 부분에서해야하는 CSS 파일을 직접 처리하지 않습니다.

CSS의 덮어 쓰기에 대해서는 두 개의 클래스가 동일한 수준의 특이성을 갖는 경우 더 높은 특이성이 동일한 중요성을 차지하고 마지막 것이 통상적으로 이깁니다. 내 프로젝트에서 나는 bootstrap.css를 포함하고 있으며 필요한 모든 것을 포함하고 있다고 생각한다.

<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-sass/dist/css/bootstrap.css"/> 

은 아마 당신은 http://bower.io/에서 서식합니다 (JS 파일의 이름에 tpls주의)

<script type="text/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>