请问bootstrap4中胶囊导航按钮悬停时文字颜色如何修改?
请问bootstrap4中胶囊导航按钮悬停时文字颜色如何修改?我想改悬停时文字改成白色的,但一直改不了
<ul class="nav nav-pills nav-justified">
<li class="nav-item">
<a class="nav-link" href="#">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">关于我们</a>
</li>
</ul>
.nav > li > a:hover { background-color:#27629c; color: #fff !important;}
我这样改了没起作用,不知道为什么
<ul class="nav nav-pills nav-justified">
<li class="nav-item">
<a class="nav-link" href="#">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">关于我们</a>
</li>
</ul>
.nav > li > a:hover { background-color:#27629c; color: #fff !important;}
我这样改了没起作用,不知道为什么
...全文
相关推荐
23种bootstrap导航菜单布局
一款基于Bootstrap的导航菜单布局设计jQuery插件。该插件集成了23种Bootstrap导航菜单效果,有下拉菜单,大型菜单,侧边栏菜单,购物车菜单等,可以满足大部分网页导航菜单设计的需求。
Bootstrap中定制LESS-颜色及导航条(推荐)
主要介绍了Bootstrap中定制LESS-颜色及导航条的相关资料,非常不错具有参考借鉴价值,感兴趣的朋友一起看看吧
Bootstrap如何激活导航状态
主要为大家详细介绍了Bootstrap如何激活导航状态,包括胶囊式导航中的激活状态和列表导航中的激活状态,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Bootstrap CSS组件之导航(nav)
本文实例为大家分享了Bootstrap导航的具体代码,供大家参考,具体内容如下 //源码 .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration:
Bootstrap鼠标悬停图片遮罩特效.zip
代码简介:Bootstrap鼠标悬停图片遮罩特效是一款基于CSS3实现的鼠标移到图片上显示遮罩显示文字信息。


