從Grails Twitter-Bootstrap插件覆蓋CSS

Question

我有一個Grails 2.2.1應用程序，它利用了Twitter-Bootstrap插件，它提供Bootstrap的基本CSS和JavaScript元素給Grails應用程序，以及標籤庫和其他一些功能。

問題是，我想使用提供我們公司顏色的自定義CSS文件，現在我只能通過從應用程序中提取自己的CSS來覆蓋插件自己的bootstrap.css中的元素文件，這意味着該插件首先加載其CSS文件，然後該應用程序加載其自己的文件。這些文件非常大，很重。

我的用戶，特別是那些在移動設備上的用戶，不需要額外增加125k的CSS，以及每次執行兩次規則的額外處理。

建立我自己的自定義版本的插件的短缺，有什麼我可以做，將阻止插件的bootstrap.css文件進入我的自己的boostrap.css文件的網頁？

Answer 1

該插件使用resources來聲明twitter引導文件。幸運的是，資源可以覆蓋已聲明模塊的定義。

因此，在你ApplicationResources.groovy，添加：

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