改变药片颜色在bootstrap 3和导航药丸崩溃

Question

我正在建立一个使用Bootstrap 3框架的网站。我想改变 nav-pills 的颜色，即背景颜色和悬停颜色。而且我想知道nav-pills有没有像navbar一样崩溃的方式。请帮我。提前谢谢。

Answer 1

要更改导航丸颜色，只需查看bootstrap.css，您就会找到

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #428bca;
}

您可以将其复制到自己的CSS中并更改颜色。您还应该为您的班级指定一个特定的名称，以便您轻松维护您的代码。