navbarの.containerを使用すると、超小型ディスプレイが縮小されます

Question

ブートストラップのv4-alphaドキュメントには、you can use .container inside the navbar to have a centered (non-fluid) contentが表示されます。 ボックスが小さくなりすぎて、ロゴとメニューボタンが重なり合ってしまうため、余分な小さなディスプレイでは正しく動作しないようです。

ここには、問題を示すa JSFiddle exampleがあります。

Answer 1

現在、アルファベット6のthere is a bugには、ナビゲーションバー内のcontainerが小さな画面で縮小されます。これはベータ版で修正される予定ですが、それまではモバイルの内部コンテナの全幅を保つにはちょっとしたCSSが必要です。

@media (max-width:767px) { 
    .container { 
     width: 100%; 
     margin-left: 0; 
     margin-right: 0; 
    } 
}