このナビゲーションバーを修正するには？

Question

問題は、画面を狭くすると、バーが2つの行に分割されることです。 See image

私の質問はどうやって行を壊す代わりに崩壊させることができるのですか？

更新：これは私が試した例である ：私が作る場合 https://getbootstrap.com/examples/navbar-fixed-top/

問題が表示されますが、フォントサイズやナビゲーションヘッダービットより大きい：

.navbar-brand, .navbar-nav li a { 
    line-height: 80px; 
    height: 80px; 
    padding-top: 0; 
    font-size: 16px; 
} 

Answer 1

は全幅で問題ないはずですコンテナ。あなたは、ブートストラップのドキュメントのように列でそれを持っていない通常の使用の場合はhttps://codepen.io/anon/pen/RVVLLe

。

<div class="col-12 col-md-9 pull-md-3 bd-content"> 
    <nav class="navbar navbar-inverse bg-inverse"> 
     <!-- Navbar content --> 
    </nav> 
</div> 

壊れたときにコンテンツを折りたたむには、ブレークポイントを変更する必要があります。