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

Mar*_*ose 0 html css twitter-bootstrap

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

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

<h1 style="font-family:Lobster; font-size:72pt; color: #FF8300; margin-left:0px">Text here</h1>
Run Code Online (Sandbox Code Playgroud)

所以我使用了一些内联样式.但有时候并不总是最好的.我想将我网站中的所有链接更改为颜色:#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>
Run Code Online (Sandbox Code Playgroud)

我知道如果我把它包括起来,我可能已经对所有链接进行了更改,但是我不确定什么被认为是"正确"或"最好"的做事方式而且我不想去关于养成坏习惯.

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

Rac*_*l S 5

制作一个名为custom.css的新样式表.然后在文档头中的bootstrap.css链接之后链接此样式表.然后在自定义css文件上编写所有样式,而不是自举文件.

<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head
Run Code Online (Sandbox Code Playgroud)

CSS:

a {color:#fff;}
Run Code Online (Sandbox Code Playgroud)

  • 关于你的上一个问题,在这里有一个很好的讨论:http://stackoverflow.com/questions/3142710/inline-styles-vs-classes (2认同)