容器流体中的 Twitter 引导行水平滚动问题答案

【问题标题】：Twitter bootstrap row horizontal scroll issue in container fluid容器流体中的 Twitter 引导行水平滚动问题
【发布时间】：2015-09-30 17:26:36
【问题描述】：

我在 bootstrap 3.3.5 中遇到了负边距问题

即使我使用容器流体来换行，由于负边距，我仍然会得到一个水平滚动条。

可以在这里看到http://cez.varle.cz/

我试图寻找解决方案，但对我没有任何帮助。

有什么想法吗？

谢谢！

【问题讨论】：

你试过了吗 .container-fluid{ overflow:hidden;}

标签： css twitter-bootstrap

【解决方案1】：

迈克尔你好。您的问题来自代码中第 500 行附近的 div 部分。
寻找这个<div class="hp-grey-bg">
如果你从这个 div 注释掉到这个 div 的结尾（大约在第 553 行），你会看到滚动条消失了。

看看这里面有什么，你的 css 给你带来了问题。

希望这会有所帮助。

已添加

这是您在这段代码中的地图。
只需将 col-xs-6 添加到第 539 行的 row 即可。
您还需要像这样更改 row 下面的 div 类。

<div class="row col-xs-6">
<div class="col-md-12 map">
<div class="mapa-bg"><img src="http://cez.varle.cz/wp-content/uploads/2015/06/mapa.jpg" alt="" /><br />

<p class="mapa-text"><strong>Adresa:</strong><br />
Bolzanova 1 <br />
110 00, Praha 1<br />
<strong>+420 224 221 476</strong><br />
office@akcilinkova.cz</p>

</div>
</div>
</div>
</div>
</div>
</div>

【讨论】：

【解决方案2】：

检查您的代码后，您似乎在代码中缺少container-fluid 一行。当我包装代码时，我可以摆脱产生滚动条的负边距。

包装前：

由于负边距导致的水平滚动条。检查 Firebug 中的选定元素。

包装后：

水平滚动条已移除。

【讨论】：