从Grails Twitter-Bootstrap插件覆盖CSS

前端之家收集整理的这篇文章主要介绍了从Grails Twitter-Bootstrap插件覆盖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'
        }
    } 
}

猜你在找的Bootstrap相关文章