我在哪里添加任何自定义CSS到angular-fullstack应用程序中？

Question

我希望将图像添加到巨型加速器中，并使其宽度合适-就像这个问题中的：Bootstrap image to jumbotron width

这很好，但是我应该把我的自定义CSS放在哪里才能使它的宽度合适呢？

.jumbotronwidth
{
    max-width:100%;
}

，然后将被捆绑和缩小。

Answer 1

在您的软件包或系统中

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

无论存在哪个文件夹，都可以添加css文件

Answer 2

在我看来，最有效的方法就是少用。您只需创建一个theme.less并拉入您想要的所有原始引导文件，然后在同一文件中调用您自己的自定义覆盖。您将在this伟大的教程中找到对此技术的解释。

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

另一种选择-如果真的只有这一条CSS规则-就是修改你的grunt安装，让它将一个小的CSS文件与你的自定义规则连接到你的main.css文件中，并将它们合并在一起。你可以在你的cssmin插件中进行this配置。或者只是简单地使用Brunch (非常简单:-)