TA貢獻1842條經(jīng)驗 獲得超13個贊
我的解決方案類似于jstam，但我盡可能避免對源文件進行更改。鑒于對bootstrap的更改將經(jīng)常發(fā)生，我希望能夠通過將我的修改保存在單獨的文件中來下載最新的源并進行最小的更改。當然，它并不完全是防彈。
將bootstrap.less和variables.less復制到父目錄。將bootstrap.less重命名為theme.less或任何你想要的。您的目錄目錄結(jié)構(gòu)應(yīng)如下所示：
/Website theme.less variables.less /Bootstrap ...
更新theme.less中的所有引用以指向引導子目錄。確保您的variables.less是從父級而不是引導程序目錄引用的，如下所示：
...// CSS Reset@import "bootstrap/reset.less";// Core variables and mixins@import "variables.less"; // Modify this for custom colors, font-sizes, etc@import "bootstrap/mixins.less";// Grid system and page structure@import "bootstrap/scaffolding.less";@import "bootstrap/grid.less";@import "bootstrap/layouts.less";
...
在包含它們之后立即在theme.less文件中添加CSS覆蓋。
...// Components: Nav@import "bootstrap/navs.less";@import "bootstrap/navbar.less";// overrides.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
border-radius: 0 0 0 0;
padding: 10px;}.nav-tabs, .nav-pills {
text-transform: uppercase;}.navbar .nav > li > a {
text-shadow: none;}...鏈接到theme.less而不是HTML頁面中的bootstrap.less。
每當新版本發(fā)布時，您的更改應(yīng)該是安全的。每當新版本發(fā)布時，您還應(yīng)該在自定義引導程序文件之間進行區(qū)分。變量和進口可能會發(fā)生變化。
TA貢獻1858條經(jīng)驗 獲得超8個贊
從我的角度來看，我只是有一個以theme.less其中的導入命名的文件boostrap.less，并且在下面我覆蓋（即使使用LESS似乎很糟糕，但是，它更容易維護）變量值我不想更新。
這適用于具有變量的自定義值 variables.less
之后我編譯我的theme.less文件而不是bootstrap.less
示例theme.less：
@import "path/to/my/bootstrap.less"; @linkColor: #MyAwesomeColor;
舉報