x1c 0d1x的数据
<div class="collapse navbar-collapse">
<ul class="nav pull-right">
<li class="active"><a href="#">О нас</a></li>
<li><a href="#">Как это работает</a></li>
<li><a href="#">Цены</a></li>
<li><a href="#">Контакты</a></li>
</ul>
字符串
我对Bootstrap很陌生。这里我有3个类指向。我至少有3个.css文件:styles.css,flat-ui.css,bootstrap.css。我不知道如何更改这些链接颜色。
8条答案
按热度按时间w46czmvw1#
字符串
如你所愿改变风格。
nzkunb0c2#
对于直接更改,您可以在
<a>
标记中使用Bootstrap类(它在<div>
中不起作用):字符串
hc8w905p3#
如果您使用的是Bootstrap 4,您可以简单地使用color utility class(例如
text-success
,text-danger
等)。您也可以创建自己的类(例如
text-my-own-color
)这两个选项都显示在下面的示例中,运行 * 代码片段 * 以查看实时演示。
个字符
6tqwzwtp4#
我完全知道原始问题中的代码显示了与导航栏相关的情况。但是当你也深入到其他组件时,了解文本样式的类选项可能不起作用可能会有所帮助。
但是你仍然可以创建自己的帮助类来保持HTML中的“引导流”。这里有一个想法来帮助样式化位于panel-title区域中的链接。
下面的代码本身不会在您的锚链接上设置警告颜色.
字符串
但是您可以通过添加您自己的类来扩展Bootstrap样式包,并使用适当的颜色,如下所示。
型
.现在您可以继续使用所需的Bootstrap颜色构建面板锚链接。
aydmsdu95#
使用bootstrap 4和SCSS,请查看此链接以获取完整的详细信息
https://getbootstrap.com/docs/4.0/getting-started/theming/
简而言之
打开lib/bootstrap/scss/_navbar.scss并找到创建这些变量的语句
字符串
所以现在你需要
型
创建一个新的scss文件**_localVariables.scss**,并添加以下内容(以及颜色)
型
在你的其他scss页面上,
型
而不是
型
lawou6xi6#
你可以使用
.text-reset
类将颜色从默认的蓝色重置为你想要的任何颜色。希望这对你有帮助。来源:https://getbootstrap.com/docs/4.5/utilities/text/#reset-color
uyto3xhc7#
现在在Bootstrap 5中,您可以使用彩色链接. See here。
字符串
z0qdvdin8#
在bootstrap 5中,可以像这样更改链接颜色。
字符串