5

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

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

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

除了构建我自己的插件的自定义版本之外,我能做些什么来阻止插件的 bootstrap.css 文件使用我自己的 boostrap.css 文件进入网页吗?

4

1 回答 1

13

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

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

modules = {
    overrides {
        'bootstrap-css' {
            resource id: 'bootstrap-css', url:'/css/mycustombootstrap.css'
        }
    } 
}
于 2013-03-29T18:26:17.807 回答