Bootstrap - 我应该如何编辑CSS以便不修改源bootstrap.css文件?

时间:2016-05-11 15:07:13

标签: html css twitter-bootstrap

我是Bootstrap的新手 - 对不起,如果之前已经问过这个问题;我搜索过它,只能找到一些对我没有帮助的类似问题 - 而且我已经阅读了很多我们应该尽量不编辑原始bootstrap.css的内容。

不可避免的是,我们会尝试做一些引导不直接支持(或者需要扩展)的东西,我们需要包含我们自己的代码。例如,我正在网站上工作,我改变了h1风格的一些设置:

<h1 style="font-family:Lobster; font-size:72pt; color: #FF8300; margin-left:0px">Text here</h1>

所以我使用了一些内嵌样式。但有时候并不总是最好的。我想将我网站中的所有链接更改为颜色:#FFF;。我必须将每一个单独更改为:

<li><a style="color:#FFF" href="#">Hours</a></li>
<li><a style="color:#FFF" href="#">Menu</a></li>
<li><a style="color:#FFF" href="#">Story</a></li>
<li><a style="color:#FFF" href="#">Contact</a></li>

我意识到如果我把它包括起来,我可能已经对所有链接进行了更改,但是我不确定什么被认为是“正确”或“最好”的方式来做事情而我不这样做我想开始养成坏习惯。

对此的任何帮助都会很棒。谢谢!

1 个答案:

答案 0 :(得分:5)

创建一个名为custom.css的新样式表或其他任何内容。然后在文档头中的bootstrap.css链接之后链接此样式表。然后在自定义css文件上编写所有样式,而不是自举文件。

<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head

CSS:

a {color:#fff;}