Bootstrap选项卡CSS不起作用

我有Bootstrap垂直选项卡，它在移动屏幕上时折叠为手风琴。标签的设计默认为蓝色背景，白色字体，onmouseover也默认设置。Bootstrap选项卡CSS不起作用

我无法找到修改它的css代码。我能做到的唯一方法，就是在html中添加一个style=""这样的标签：
<li class="active"><a data-target=".KONTAKT">KONTAKT</a></li>。看起来好像我无法在默认的设计设置上写字。

我想修改css中的标签设计并修改onmouseover。我的标签名为KONTAKT和ÜBERUNS。
（我要mentionned我的页面还包含被响应.nav标签在我的CSS一个自举顶部导航栏。因此，也许它可以与我的标签的.nav冲突。）

这里在HTML：

<div class="container"> 
 
    <div class="tabcordion"> 
 
    <ul class="nav nav-pills nav-stacked col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
 
     <li class="active"><a data-target=".KONTAKT">KONTAKT</a></li> 
 
     <li><a data-target=".ÜBER_UNS">ÜBER UNS</a></li> 
 
    </ul> 
 
    <div class="tab-content col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
 
     <div class="KONTAKT in active">My content #1.</div> 
 
     <div class="ÜBER_UNS">My content #2.</div> 
 
    </div> 
 
    </div> 
 
</div>

这里是CSS我现在，我找不到如何连接的标签页

.tabcordion { 
 
    margin-top: 4%; 
 
    margin-left: 2%; 
 
} 
 

 
.tab-content { 
 
    font-size: calc(12px + .99vw); 
 
    padding-left: 2%; 
 
} 
 

 
.nav { 
 
    font-size: calc(18px + 1vw); 
 
    margin-left: -2%; 
 
}

来源

2017-09-02 Lolo

检查引导和您使用的是修改的CSS的加载顺序。在包含Bootstrap CSS库之后，确保您的自定义CSS包含在页面中。建议您为添加的样式创建特定的类，以便它们可以具有独特性和可重用性，例如：

.nav.custom-class {}

来源

2017-09-02 19:50:29 brettzenor

感谢这些好评！所以，假设我的订单是好的，你会写什么来获得我的标签的CSS？我尝试了很多选择，但只是猜测。在我的情况下，我不知道什么是正确的CSS语法来获取制表符样式。 – Lolo

Bootstrap选项卡CSS不起作用

回答

相关问题