ブートストラップ3水平スクロールバー

Question

私はこの質問が何百万回も尋ねられていることを知っていますが、残念ながら小さな画面でページが折りたたまれたときに横スクロールバーが表示されます。私は行を追加しようとしました。コンテナを取り除く。ダブルチェック。私はそれを理解することはできません。

コードでBootplyを作った。私が言ったように、私はページ構造を追加したり削除したりしていますが、まだ消えてしまっていますので、私は迷っています。

おかげ

はちょうど私がこのトピックの前の質問の多くを通じて得て、これらのソリューションをしようとした明確にし、それらのどれも働きました。

Answer 1

navbar-header内のnavbar-navがパディングのためにオーバーフローを引き起こすという問題があります。代わりに代わりにnavbar-textリンクを使用してください。

http://www.bootply.com/zw2H1wW2EJ

<nav class="navbar navbar-inverse"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a href="tel:555-555-5555" class="visible-xs navbar-text">&nbsp;&nbsp;<i class="glyphicon glyphicon-earphone"></i> Tap To Give Us A Call</a> 
    </div> 
    <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#">Page 1</a></li> 
     <li><a href="#">Page 2</a></li> 
     <li><a href="#">Page 3</a></li> 
     </ul> 
    </div> 
    </div> 
</nav>