如何编辑引导样式？

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

我不想做这一切的时候：

body { background: #539754 !important; }

我想设置在导航栏字体颜色，但我不能这样做。我很preety困惑风格来自哪里

.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 - 我甚至没有该文件夹。我了解它的动态创建，但我如何编辑它？

来源

2017-04-12 dtechlearn

你最好不要编辑CSS举写，但自己的CSS和运用你想 –

规则所以，通常的做法是采取这种风格，我需要和覆盖它吗？与！重要？或者创建全新的风格类/标识符 – dtechlearn

您通常应该只使用！important作为最后的手段，即使这样它可能不是最后的手段，也不应该使用它。就像其他人说的那样。您可以将一个类选择器添加到您的html元素，然后以这种方式在ontop上应用您的样式。你可以写你的CSS更具体覆盖Bootstraps等。等。 – camccar

要覆盖引导样式创建您自己的样式表，如styles.css的和肯定在引导CSS文件后加载它。定义类时只需匹配或超过引导树。例如：如果引导的定义：

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

，所有你想要做的是改变颜色，你添加到您的新的样式表。

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

来源

2017-04-12 21:52:40 Adrianopolis

添加一个类你<li>标签像

class="diff-color"

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

.diff-color{ 
    color:blue; 
}

来源

2017-04-12 21:45:05

在某些情况下可以使用，但有时您只想通过并重新定义大量默认组件。 – Adrianopolis

如何编辑引导样式？

回答

相关问题