Question

如何编辑像身体背景颜色这样的靴子样式？

我不想一直这样做：

body { background: #539754 !important; }

我想在导航栏中设置字体颜色，但我不能这样做。我很喜欢这些风格的来源

.navbar-default .navbar-nav > li > a {
 color: #000;
 font-size: 20px;
 font-family: cursive;
 }
 .navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus {
 color: #333;
 background-color: transparent;
 }

我在bootstrap.css中做了这个，但什么都没发生。当按F12编辑它在文件/dist/css/bootstrap.css - 我甚至没有该文件夹。我理解它的动态创造，但我怎么编辑呢？

Answer 1

要覆盖引导程序样式，您可以创建自己的样式表，例如styles.css，并确保在引导程序css文件之后加载它。定义类时，只需匹配或超过bootstraps树。示例：如果bootstrap正在定义：

.navbar-default .navbar-nav > li > a {
     color: #000;
     font-size: 20px;
     font-family: cursive;
 }

并且您要做的就是更改将其添加到新样式表中的颜色。

.navbar-default .navbar-nav > li > a {
     color: #CC0000;
 }

Answer 2

在<li>标记中添加一个类，如

class="diff-color"

然后将规则添加到您的css文件

.diff-color{
    color:blue;
}

如何编辑引导程序样式？

2 个答案: