2017-02-25 7 views
0

私はウェブページに主にブートストラップを使用しようとしており、Navbarの要素を増やしたいと思います。誰にも私のための提案がありますか?どうすればNavbarの高さを上げることができますか

.navbar { 
    min-height:100px; 
} 

私がそうすると、クリック可能な要素は同じサイズのままです。

それを拡大するための示唆はありますか?

はあなたの助けたぶん

+0

ボックスの高さを増やそうとしないでください。要素自体を増やす必要があります。 – Frenchmassacre

答えて

4

あなただけのナビゲーションバーの高さを高くすることにより、内側の要素のサイズを大きくすることはできません。あなたはそれあなただけの直接の親要素を標的とすることによりnavbarにおけるブートストラップのサイズを大きくすることはできませんいずれかのような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のWebページの下部でより良い –

+0

どのように私はクリックの矢印を上下に見ることができますか? –

+1

私が知る限り、それを見ることはできません。 –

-1

などを行う必要がある

by css。

navbarの高さを上げるには、子供のサイズを大きくする必要があります。> li > a子供たちはすでに垂直パディングが15個あることに注意してください。

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

本当ですか?合理的な説明のないダウンボント。 -_- –

関連する問題