Twitter bootstrap 引导3水平滚动条

我知道这个问题已经被问了一百万次了，但不幸的是，当页面在较小的屏幕上折叠时，我得到了一个水平滚动条。我已尝试添加行。移除容器。仔细检查。我想不出来

我对代码做了修改。就像我说的，我已经添加和删除了页面结构，但它还没有消失，所以我不知所措

谢谢

---

只是想澄清一下，我已经解决了之前关于这个话题的许多问题，并尝试了这些解决方案，但没有一个奏效

问题在于导航栏标题内的导航栏导航会由于填充而导致溢出。只需使用

导航栏文本

链接即可

谢谢。当我尝试

navbar text

时，它删除了我正在使用的一些样式，因此我创建了一个新的类，名为

navbar no margin

，它的属性为

margin left:0！重要的和
右边距：0！重要的保留了样式，但修复了问题。非常感谢。
<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>