崩壊ブートストラップナビゲーションバーの高さを小さくする

Question

これでナビゲーションバーの高さを減らす方法はありますか？ http://www.bootply.com/render/1dopQbJEMd。私はリンクで同じCSSプロパティを使用しています。CSSでheightプロパティを試しました。しかし、それは減少していません。

Answer 1

そのコードを検査した後、私は

1. .navbarがmin-height:50pxを持っていることを見たが、min-height:0に変更しますので、そこからheightを継承する内容

2. .navbar-brandはtopとbottomを減らし、padding:15px 15pxを持っていますあなたが望むようにパディングする、例えばpadding:5px 15px

3. padding-top:15px;padding-bottom:15pxが最後に

あなたをあなたはポイント2

.navbar-textに行ったように、margin-top:15px;margin-bottom:15pxを持って5pxにだけでなく、それらを減らすあなたはポイント2で行ったように5pxにも、それを削減し、3持っていますあなたの.navbarの高さはなります

.navbar { 
    min-height:0; 
} 
.navbar-brand { 
    padding:5px 15px; 
} 
.navbar-nav>li>a { 
    padding-top:5px; 
    padding-bottom:5px; 
} 
.navbar-text { 
    margin-top:5px; 
    margin-bottom:5px; 
} 

：CSSを持っています0、20px未満は

Answer 2

このリンクを見てみましょう： ありhttp://getbootstrap.com/customize/#navbar

あなたが変更できる変数を見ることができます。それらの1つはnavbarの高さです。その変数を変更し、CSSとJSファイルをページの下部にダウンロードします。既定のブートストラップファイルの代わりに新しいファイルを使用します。

CSSを変更してみることもできますが、難しく感じます。