从 Grails Twitter-Bootstrap 插件覆盖 CSS

Question

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

问题是，我想使用一个自定义 CSS 文件来提供我们公司的颜色，而现在我只能通过从应用程序中提取我们自己的 CSS 来覆盖插件自己的 bootstrap.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'
        }
    } 
}