無法覆蓋默認的Bootstrap樣式

Question

因此，我正在使用Bootstrap 3，並且菜單中具有nav-tabs元素。 nav-tabs的底部是邊框，在Bootstrap中是默認邊框。 我試圖更改顏色甚至刪除它，但是這些都不起作用。

我試圖覆蓋Bootstrap中的tthe屬性，該屬性在源代碼中如下所示：

.nav-tabs { border-bottom: 1px solid #ddd; }

也許這不是該border的正確選擇器，所以這也可能是一個問題。

這是項目的小提琴： http : //jsfiddle.net/eenho5dw/

Answer 1

您需要使用以下選擇器：

.nav-tabs.nav-justified>li>a {
   border-bottom: 1px solid #000;
}

http://jsfiddle.net/eenho5dw/3/

Answer 2

演示 http://jsfiddle.net/eenho5dw/6/

您需要定位正確的元素：

.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #0f0;
}

Answer 3

嘗試-

.nav-tabs { border-bottom: 1px     solid #ddd !important; }

即使不起作用，也請嘗試添加內部樣式（建議，如果必須將CSS應用於一頁或幾頁，則建議使用）。

Answer 4

請使用這種風格

  .nav-tabs {
   border-bottom: 1px solid #000 !important;
   }