我正在将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
答案 0 :(得分:0)
为什么不向自己保留overwrite.css
,同时向最终用户展示已编译的bootstrap.css
+ override.css
?这样,您可以在将来轻松更新bootstrap.css
并轻松维护替换本身。