Twitter bootstrap 出现水平滚动条，行具有负边距

我想创建类似以下链接的布局：

但是底部的水平滚动条问题没有解决，它一直在移动。如下所示：

代码：

标志
导航
开关按钮
搜索按钮
流行类别

横幅幻灯片

条款与条件
版权

---

我希望我的解释解释得很好并且可以理解，请在这方面帮助我：）

如果您看到

.row

类的css，它具有css属性：

margin-right: -15px;
margin-left: -15px;

padding-right: 15px;
padding-left: 15px;

这就是为什么要创建水平条，因为上面的属性使用了更多的空间

因此，我们将

.row

类包装在

.container

中，该容器具有以下属性：

margin-right: -15px;
margin-left: -15px;

padding-right: 15px;
padding-left: 15px;

因此，这等于空间，您将不再看到水平滚动条

因此，您的HTML应该如下所示：

<div class="container">
  <div class="row">...</div>
  <div class="row">...</div>
</div>

...
...

---

将此添加到您的身体CSS中

overflow: hidden;

---

这是最新的提琴

供那些需要将图像从页面上删除的人使用。。。使用以下css代码：

body {
    overflow-x: hidden;
}

#id-your-image {
    position: absolute;
    z-index: 1; /* (or use -1 to put the img behind the layout */
    margin-left: 70%; /* (ajust the %) */
}

现在，在手机中，在头部标签内使用：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">

请在或上创建问题页面，向我们展示真正的问题。此外，您还应将相关代码粘贴到问题的此处。在粘贴代码之前，试着去掉不引起问题的不相关部分，在去掉代码之后，确保问题仍然存在。以下是JSFIDLE链接：