將Bootstrap 3自定義組件添加到Yeoman Angular項目

Question

因此，過去一周來，我一直在與yeoman和angular混在一起，並且能夠將bootstrap和ui-bootstrap合並到我的yeoman angular項目中。 但是，當我想添加自定義引導程序組件（例如封面（ http://getbootstrap.com/examples/cover/ ））時，該組件需要一個名為cover.css的不同css文件。

我嘗試將其鏈接到main.html，index.html甚至@import中，將其鏈接到main.css文件中，但是每當我“發牢騷”時，它就會被壓縮並縮小。 這是因為main.css文件覆蓋了cover.css嗎？ 或者，也許更好的問題是如何將CSS文件添加到Yeeoman項目中？

這可能是一個愚蠢的問題，但是任何幫助將不勝感激。

Answer 1

Yeoman不會直接從我的理解中處理CSS文件，您必須做鏈接CSS文件的一部分，否則它將為您帶來麻煩。

關於CSS覆蓋，假設兩個類具有相同的特異性級別，則較高的特異性將假定相同的重要性，而最后一個通常將獲勝。 在我的項目中，我只包含bootstrap.css，並相信它包含了其他所有需要的東西。

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

也許您需要包括具有模板的angularui項目（請注意js文件名稱中的tpls）

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