引导程序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>