从Grails Twitter-Bootstrap插件覆盖CSS

Question

我有一个Grails 2.2.1应用程序，它使用Twitter-Bootstrap插件，它为Grails应用程序提供Bootstrap的基本CSS和javascript元素，以及标记库和一些其他功能。

问题是，我想使用提供我们公司颜色的自定义CSS文件，现在我只能通过从应用程序中提取我们自己的CSS来覆盖插件自己的bootstrap.css文件中的元素，意味着插件首先加载其CSS文件，然后应用程序加载自己的CSS文件。这些文件非常庞大而且很重。

我的用户，尤其是移动设备上的用户，不需要额外支持125k的CSS以及每次执行两次规则所需的额外处理。

如果没有构建我自己的插件自定义版本，我能做些什么来阻止插件的bootstrap.css文件进入我自己的boostrap.css文件进入网页？

Answer 1

该插件使用resources来声明twitter引导程序文件。幸运的是，资源可以选择覆盖已声明模块的定义。

所以在你的ApplicationResources.groovy中，添加：

modules = {
    overrides {
        'bootstrap-css' {
            resource id: 'bootstrap-css', url:'/css/mycustombootstrap.css'
        }
    } 
}