覆盖Bootstrap css的最有效方法是什么?

时间:2013-06-26 07:21:35

标签: css twitter-bootstrap less opencart

我正在将Opencart用于我公司的电子商务网站。 Opencart开发人员正在研究V2.0,它将Bootstrap作为默认样式。

我的计划是在下一行的头文件中放置一个链接,然后链接到bootstrap样式表示例:

<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" />

我计划使用LESS编译成override.css,只更改Bootstrap的一小部分以满足我的需求。例如,我计划只包含来自bootstrap的variables.less以及buttons.less和layout.less。然后我将这些修改过的文件编译成override.css以获得我的个性化样式。但是,我越是想到它,我意识到我需要包含Bootstrap的所有LESS。这将使我的override.css与bootstrap.css基本相同(除了我为我的样式所做的更改)。

这基本上违背了覆盖的目的。有没有办法不需要包含所有引导程序,只需要覆盖我想要的部分?

人们可能想知道我为什么不修改bootstrap.css文件。我的想法是,如果我修改bootstrap.css文件,如果我将来升级(或者如果Opencart开发人员升级)bootstrap,我的所有更改都将被覆盖。

任何建议都非常感谢!

谢谢!

DS-MATT

1 个答案:

答案 0 :(得分:0)

为什么不向自己保留overwrite.css,同时向最终用户展示已编译的bootstrap.css + override.css?这样,您可以在将来轻松更新bootstrap.css并轻松维护替换本身。

相关问题