2014-09-18 61 views
1

因此,我使用引導程序3,我有nav-tabs元素的菜單。在nav-tabs的底部是一種在Bootstrap中默認的邊框。我試圖改變顏色或甚至刪除它,但這些都沒有工作。無法覆蓋默認的引導程序樣式

我試圖重寫其源代碼看起來像這樣的引導裏邊反屬性:

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

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

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

回答

2

您需要使用此選擇:

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

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

+0

這是正確的答案,爲你+1。如果你解釋爲什麼會更好。誰投票給你,這將是驚人的閱讀解釋 – Devin 2014-09-18 18:58:35

+0

是的,這是有效的。謝謝! – 2014-09-18 19:02:27

-1

請使用這種風格

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

嘗試 -

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

即使不工作,如果可能,嘗試(建議,如果要申請加入內部樣式CSS到一個或幾個頁面)。