在哪里可以将自定义CSS添加到angular-fullstack应用程序中?

时间:2014-07-31 12:11:14

标签: css angularjs twitter-bootstrap gruntjs yeoman

我希望将图像添加到jumbotron并使其宽度合适 - 就像这个问题:Bootstrap image to jumbotron width

哪个好,但我在哪里放置自定义CSS以使其宽度合适?

.jumbotronwidth
{
    max-width:100%;
}

然后将捆绑和缩小

2 个答案:

答案 0 :(得分:0)

在您的包裹或系统中

      public/assets/css
             or
      public/system/assets/css

哪个文件夹存在,请添加css个文件

答案 1 :(得分:0)

在我看来,最有效的方法是使用LESS。您只需创建一个theme.less并提取所需的所有原始Bootstrap文件,然后在您调用自己的自定义覆盖的同一文件中。您会在this精彩教程中找到此技术。

这种方法的好处是LESS可以编译成一个单独的CSS文件,在您当前的设置中可以毫不费力地缩小。此外,此技术允许您单独从原始BS文件中工作。因此,您可以在将来优雅地升级该依赖项,而不会遇到各种麻烦。

替代方案 - 如果只是这个单一的CSS规则 - 只是修改你的grunt安装,让它将一个小的CSS文件与你的自定义规则连接到你的main.css文件,并将它们缩小在一起。您可以在cssmin插件中使用this配置执行此操作。或者只是简单地使用Brunch(这么容易: - )