grails - 从 Grails Twitter-Bootstrap 插件覆盖 CSS

Question

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

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

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

除了构建我自己的自定义版本的插件之外，我能做些什么来阻止插件的 bootstrap.css 文件与我自己的 boostrap.css 文件一起进入网页吗？

Answer 1

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

因此，在您的 ApplicationResources.groovy 中，添加:

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