Css 向项目中添加Bootstrap 3自定义组件

所以，在过去的一周里，我一直在和yeoman angular玩很多，我已经能够将引导和ui引导合并到我的yeoman angular项目中。但是，当我想添加一个自定义引导组件（如封面（））时，它需要一个名为cover.css的不同css文件

我曾尝试将它链接到main.html、index.html甚至@import到main.css文件中，但每当我“咕噜服务”时，它就会被挤压和缩小。这是因为main.css文件正在覆盖cover.css吗？或者更好的问题是如何将css文件添加到yeoman项目中

---

这可能是一个愚蠢的问题，但任何帮助都将不胜感激。

据我所知，约曼不会直接处理CSS文件，你必须手动链接CSS文件

关于CSS中的覆盖，如果两个类具有相同的特异性水平，则假设相同的重要性，则较高的特异性获胜，最后一个通常获胜。在我的项目中，我只是包括bootstrap.css，并且相信它包含了所需的一切

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

也许您需要包含包含模板的angularui项目（注意js文件名中的TPL）

看看它用于依赖关系管理否

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