Bootstrap Tabs CSS不起作用

Question

我有Bootstrap垂直標簽，當它在手機屏幕上時，它會折疊成手風琴。 選項卡的設計默認為藍色背景，白色字體，並且默認設置為onmouseover 。

我找不到修改它的CSS代碼。 我能做到的唯一方法是添加一個style=""標簽，如下所示：
html中的<li class="active"><a data-target=".KONTAKT">KONTAKT</a></li> 。 看來我無法覆蓋默認的設計設置。

我想在CSS中修改標簽的設計，也要修改onmouseover 。 我的標簽頁名為KONTAKT和ÜBERUNS。
（我不得不提到，我的頁面還包含一個Boostrap top-navbar，它響應css中的.nav標簽。因此，它可能與我標簽的.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，在這里找不到如何連接Tab的功能

 .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%; } 

Answer 1

檢查引導程序的加載順序以及用於修改引導程序的CSS。 包含Bootstrap CSS庫之后，請確保頁面中包含您的自定義CSS。 另外，建議為您添加的樣式創建特定的類，以使它們可以唯一且可重復使用，例如：

.nav.custom-class {}