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不起作用

回答

相關問題