引導程序3水平滾動條

Question

我知道這個問題已被問及一百萬次，但不幸的是，當頁面在較小的屏幕上摺疊時，我得到了一個水平滾動條。我試着添加行。去除容器。雙重檢查。我無法弄清楚。我的代碼是Bootply。就像我說的，我已經添加並從頁面結構中刪除，它還​​沒有消失，所以我不知所措。

感謝

只是爲了澄清，我經歷了許多關於這一主題的前面的問題了，並試圖這些解決方案，其中沒有工作。

Answer 1

問題是導航欄標題內的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>