Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了从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中,添加

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

大佬总结

以上是大佬教程为你收集整理的从Grails Twitter-Bootstrap插件覆盖CSS全部内容,希望文章能够帮你解决从Grails Twitter-Bootstrap插件覆盖CSS所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。