我希望将图像添加到jumbotron并使其宽度合适 - 就像这个问题:Bootstrap image to jumbotron width
哪个好,但我在哪里放置自定义CSS以使其宽度合适?
.jumbotronwidth
{
max-width:100%;
}
然后将捆绑和缩小
答案 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(这么容易: - )