从Grails Twitter-Bootstrap插件覆盖CSS

发布时间：2020-12-18 00:06:12 所属栏目：安全来源：网络整理

导读：我有一个Grails 2.2.1应用程序,它使用了Twitter-Bootstrap插件,它为Grails应用程序提供了Bootstrap的基本CSS和 javascript元素,以及标记库和一些其他功能. 问题是,我想使用提供我们公司颜色的自定义CSS文件,而现在我只能通过从应用程序中提取我们自己的CSS来

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

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

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

没有构建我自己的插件自定义版本,有什么我可以做的,以防止插件的bootstrap.css文件进入我自己的boostrap.css文件的网页？

解决方法

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

所以在您的ApplicationResources.groovy中,添加：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!