什么是"覆盖"的正确方法引导颜色? (以及可选的其他CSS选择器)

时间:2015-04-15 13:40:49

标签: html css twitter-bootstrap twitter-bootstrap-3

搜索主题如何自定义原始bootstrap CSS我主要发现电源工具和生成器发出的" patched" bootstrap.css使用原来的。

我是初学者,所以首先我希望在投入数百个工作时间做一些愚蠢而不推荐的事情之前,先看看最佳做法。

我的问题:这是这样的吗?我的意思是编辑(自动或手动)bootstrap.css。听起来对我不好,我希望我错过了什么。

有没有其他方法,比如创建一个微小的mycustom.css并且只定义那里的差异。谁能指出如何重新定义标准颜色?

4 个答案:

答案 0 :(得分:1)

如果您是初学者,最好的选择是使用oficial generator http://getbootstrap.com/customize/生成一个新的bootstrap.css,这样您也可以测试其他Bootstrap变量的更改。我认为用你自己的CSS文件覆盖css属性有时会很痛苦......

最佳选择(需要时间学习)是导入Bootstrap作为LESS(而不是CSS),然后创建自己的variables.less文件,您将在其中定义要覆盖的所有Bootstrap变量的值。

答案 1 :(得分:0)

This网站演示了如何覆盖Bootstrap的CSS,而不会在您自己的CSS文件中使用!important等顽皮的事情(应该避免)。您只需创建一个新的custom.css文件,并在那里添加重写样式。

我不会直接编辑LESS / SASS Bootstrap文件。

答案 2 :(得分:0)

不要编辑bootstrap.css。

而是创建新的css文件并在该文件中添加新值,并确保在bootstrap.css之后加载此新文件。

答案 3 :(得分:0)

对于小的更改,包括自己的.css文件,包括bootstrap,覆盖bootstrap的css组件。这是bootstrap建议的(检查引导程序组件页面)

  

body {padding-top:70px; }   确保在核心Bootstrap CSS之后包含它。