屏幕右侧的白色间隙，使用BS 3.3.7

Question

我从学校分配了这个项目，我需要使用Bootstrap创建一个网页，它表示我们不能有任何间隙或水平滚动条，否则 - 失败。

当我调整窗口大小时，桌面浏览器上的一切都很好，但是当我在智能手机上打开我的页面时，我的右侧会出现白色间隙。但是当我旋转手机并以横向模式查看我的页面时，差距并不存在，一切似乎都很好。我一直在寻找几个小时现在如何解决这个问题，到目前为止已经找到了关于.container-fluid，margin，paddings和其他一些东西的东西（尝试在我的页面文件中使用它们，但是没有工作，可能是因为我没有知道如何改变或改变什么。这是我第一次创建一个页面，更不用说一个bootstrap了，所以我对此很新。

这是桌面上的页面，调整大小没有间隙 -

这是我的智能手机处于纵向模式 - http://pho.to/Acq4o（第二张图片）正如您所看到的，它非常烦人。另外我注意到的是我的导航栏后面没有间隙，间隙只出现在导航栏下方，很奇怪。您还可以在同一链接（第1张图片）中看到横向模式，它非常好。

我非常感谢所有想要帮助的人，提前谢谢你们！

修改：<nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar"> `

<div class="container">

  <div class="navbar-header">

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">

      <span class="icon-bar"></span>

      <span class="icon-bar"></span>

      <span class="icon-bar"></span>

      <span class="icon-bar"></span>

    </button>

    <a href="" class="navbar-brand">Auto Pasaule</a>

  </div>

  <div class="collapse navbar-collapse" id="navbar-collapse">

  <a href="https://twitter.com/" class="btn btn-info navbar-btn navbar-right">Twitter</a>

    <ul class="nav navbar-nav">

      <li><a href="#galerija">Galerija</a>

      <li><a href="#kontakti">Kontakti</a>

      <li><a href="#anketa">Anketa</a>

      <li><a href="#cv">CV</a>

    </ul>

  </div>

</div>

`