2014-04-11 109 views
0

我想將Twitter Bootstrap導航欄的高度更改爲24像素高度。 我試過Bootply中的代碼,並且高度在變化,但是當我在我的項目中嘗試時,最小高度爲40px;如何自定義自舉導航欄的高度?

我需要24px的高度這個導航條:我找到了其他話題HERE,這個答案,但沒有爲我工作:

.navbar-brand, 
.navbar-nav li a { 
    line-height: 150px; 
    height: 150px; 
    padding-top: 0; 
} 

請在這裏看到的代碼,並告訴我,我在做什麼錯誤?

CODE HERE

+0

我發現其他的話題,但我不能使它工作 –

+0

問題被設定額外'最小高度:0像素;沿'與其他 –

回答

1

你必須在你的CSS min-height:40px;爲導航欄定義了別的地方。找到它並刪除它,或者只需在導航欄的CSS中包含min-height:0px;即可覆蓋它。

嘗試:

.navbar-inner { 
background: none; 
filter: none; 
border: none; 
font-family: 'Calibri'; 
text-transform: uppercase; 
background-color: #000; 
height: 24px !important; 
min-height: 0px; //ADD THIS 
} 
+0

這對我來說很好!謝謝! –

1

更改此

.navbar-inner { 
background: none; 
filter: none; 
border: none; 
font-family: 'Calibri'; 
text-transform: uppercase; 
background-color: #000; 
height: 24px !important; /* here */ 
}