2017-02-25 67 views
0

我正在嘗試主要使用網頁引導,並且我想增加導航欄的元素。有沒有人給我一個如何做的建議?我該如何增加導航欄的高度

.navbar { 
    min-height:100px; 
} 

當我這樣做時,可點擊的元素保持相同的大小。

任何建議來衡量它?

感謝你的幫助

+0

不要試圖增加框的高度,你必須自己增加元素。 – Frenchmassacre

回答

4

你不能僅僅通過增加導航欄的高度增加內部元件的尺寸。

你必須這樣做要麼喜歡this--

.navbar .navbar-nav > li > a { 
line-height: 45px; 
} 

或類似這樣的

.navbar .navbar-nav > li > a { 
padding: 27px 15px; 
} 
+0

非常感謝! - 很快就能得到幫助 – oneguy

+0

歡迎來到SO。如果它幫助你,你可以接受答案。這就是工作原理。 – neophyte

0

可能:

.navbar { 
    min-height: 200px !important; 
    height: 200px !important; 
    max-height: 200px !important; 
} 

or 

.navbar { 
    min-height: 200px !important; 
    height: 200px !important; 
    max-height: 200px !important; 
    overflow: hidden; 
} 
+0

更好的在CSS底部或HTML網頁底部 – 2017-02-25 13:15:50

+0

我怎樣才能看到誰點擊箭頭向上或向下? – 2017-02-25 13:17:45

+1

就我所知,你無法看到。 –

-1

由父元素直接針對你不能只是增加navbar的大小引導由css。

爲了增加navbar的高度,您必須增加兒童的尺寸> li > a。請記住,孩子們已經有了15px的垂直填充。

.navbar .navbar-nav > li > a {height: 100px; //Whatever you are targetting} 
+0

真的嗎?沒有任何合理解釋的downvote。 -_- –