覆蓋Bootstrap css的最有效方法是什麼？

我使用Opencart作爲我公司的電子商務網站。 Opencart開發人員正在開發V2.0，它將引入Bootstrap作爲默認樣式。覆蓋Bootstrap css的最有效方法是什麼？

我的計劃是把一個鏈接在我的頭文件中的下一行下面的鏈接引導樣式例如：

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/bootstrap.css" /> 
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/override.css" />

我打算使用較少編譯成override.css只有改變小部分Bootstrap較少以滿足我的需求。例如，我打算只從bootstrap和buttons.less以及layout.less中加入variables.less。然後我將這些修改後的文件編譯成override.css以獲得我的個性化樣式。然而，我越想到它，我意識到我需要包含Bootstrap的所有LESS。這會使我的override.css與bootstrap.css基本相同（除了我爲我的樣式所做的更改外）。

這基本上破壞了覆蓋的目的。有沒有辦法不需要包含所有的引導少，只是我想要在覆蓋的部分？

人們可能會疑惑我爲什麼不修改bootstrap.css文件。我的想法是，如果我修改bootstrap.css文件，如果我將來升級（或者如果Opencart開發人員升級）bootstrap，我的所有更改都將被覆蓋。

任何意見是非常感謝！

謝謝！

DS-MATT

來源

2013-06-26 DS-Matt

你爲什麼不保持一個overwrite.css給自己，同時提出編譯bootstrap.css + override.css給最終用戶？這樣，您可以輕鬆更新您的未來bootstrap.css，並輕鬆維護自己的覆蓋。

來源

2013-06-26 08:01:46

嗨RR - 如果我這樣做，我會減少變量的好處。例如，如果我想更改站點按鈕，文本，鏈接等的顏色，我必須搜索CSS並在新CSS文件中查找並替換每個實例。這看起來也是多餘且低效的。 –

這就是爲什麼你保留'override.css'，所以你不必。您只需重新編譯這些文件並將其上傳到生產服務器即可。 –

覆蓋Bootstrap css的最有效方法是什麼？

回答

相關問題