css - 如何自定义 Bootstrap？

Question

我想使用导航等的新颜色自定义引导程序。我将如何创建一个单独的 css 文件来覆盖 bootstrap.css 上的某些内容？（我不想弄乱引导 css 文件，以防引导程序有更新，我不必重新添加任何东西）。

如何更改自定义 CSS 文件中导航栏的颜色？

Answer 1

You can add the custom stylesheet after include bootstrap:

<link href="bootstrap.css" rel="stylesheet" type="text/css" />
<link href="mySpecial.css" rel="stylesheet" type="text/css" />

Then, you override the styles you want. So will be something like:

.btn-success {
  color: orange;
}

for an ugly orange text green button.

Answer 2

只需创建一个新样式表，链接到引导样式表下方的样式表，然后您可以使用相同的 CSS 规则，并且您的新样式表将覆盖引导程序，因为它是在之后链接的。