Question

我有一个bootstrap atm的问题。并且无法弄清楚为什么我的col元素创造了奇怪的空白空间。这应该是一个简单的问题，但我现在正在寻找一个小时，仍然无法找到解决方案。

有问题的网站：http://www.concierge-service-dortmund.de/

它发生在所有浏览器上，宽度为700-900~

问题截图：http://puu.sh/lAogM/bbaef8e510.jpg

我尝试了一些我在这里找到的解决方案，但是它们没有用，实际上那里的问题有点复杂。

谢谢！

Answer 1

分隔块的行有“margin-left：-15px;”和“保证金权利：-15px;”这导致盒子跳到下面。

要解决此问题，请使用行（网站上有4个）向div添加一个类以删除边距。

<div class="row noMargin">

CSS：

.noMargin {
    margin: 0 !important;
}

Answer 2

这是一个浮动问题。 “Gardinenwäsche”div需要一个明确的：左;修复DOM。

Answer 3

Bootstrap列允许嵌套！由于您使用的是1 2或4列，因此可以将标记更改为以下内容：

<div class="row">
    <div class="col-xs-12 col-sm-6">
        <div class="row">
            <div class="col-xs-12 col-lg-6">
            </div>
            <div class="col-xs-12 col-lg-6">
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6">
        <div class="row">
            <div class="col-xs-12 col-lg-6">
            </div>
            <div class="col-xs-12 col-lg-6">
            </div>
        </div>
    </div>
</div>

OffTopic：Bootstrap是“首先移动”，记得在每列都添加col-xs-*，无论它是否100％，你可以防止一些清除问题。

Bootstrap Cols空空间700-900宽〜为什么？

3 个答案: