要更改Bootstrap 3导航栏中活动选项卡的背景颜色,可以通过自定义CSS样式来实现。以下是一种常见的方法:
<ul class="nav nav-tabs">
<li><a href="#">选项卡 1</a></li>
<li><a href="#">选项卡 2</a></li>
<li class="active"><a href="#">选项卡 3</a></li>
<li><a href="#">选项卡 4</a></li>
</ul>
.nav-tabs li.active a {
background-color: #ff0000; /* 替换为你想要的背景颜色 */
color: #ffffff; /* 替换为你想要的字体颜色 */
}
在这个例子中,我们给活动选项卡的父级li元素添加了自定义class "active",然后使用CSS选择器 .nav-tabs li.active a 来定位活动选项卡的链接,并设置背景颜色和字体颜色。
这样,当选项卡3被激活时,它的背景颜色将变为红色,字体颜色将变为白色。
推荐的腾讯云产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云