twitter-bootstrap - ナビゲーションバーの高さの変更

Question

Bootstrap の開始サンプルでは、​​ブラウザーの幅を縮小すると、ナビゲーション バーが突然高くなります (メニュー オプションがドロップダウン ボタンに入るため)。これを制御する方法はありますか？

Answer 1

Bootstrapは、CSSメディアクエリを介してブラウザ幅の変更を処理します。たとえば、ナビゲーションバー用に独自のCSSを作成し、ブートストラップの後にそれを含めることで、それらをオーバーライドできます。

Answer 2

私はまさにこの問題に遭遇し、いくつかの調査の結果、解決策を見つけました。

"padding:" の下を 0px に変更:

navbar-fixed-top .navbar-inner,  .navbar-fixed-bottom .navbar-inner {
padding: 0px;}

問題を修正します。変更はLESSファイルで行い、cssを再コンパイルすることもできると思いますが、代わりに「main.css」ファイルに変更を加えました。