如何自定义 Bootstrap？ [关闭]

Question

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

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

Answer 1

您可以在包含引导程序之后添加自定义样式表：

<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 规则，并且您的新样式表将覆盖引导程序，因为它是在之后链接的。