从 Grails Twitter-Bootstrap 插件覆盖 CSS

Posted 2023-05-07

【中文标题】从 Grails Twitter-Bootstrap 插件覆盖 CSS

【英文标题】：Overriding CSS from Grails Twitter-Bootstrap Plugin

【发布时间】：2013-03-20 11:23:04

【问题描述】：

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

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

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

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

【参考方案1】：

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

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

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

【讨论】：

太棒了。感谢您的快速回答。