如何自定义Bootstrap？

Question

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

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

Answer 1

您可以在include bootstrap后添加自定义样式表：

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

然后，您覆盖所需的样式。所以会是这样的：

.btn-success {
  color: orange;
}

表示丑陋的橙色文字绿色按钮。

Answer 2

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