Html Bootstrap Cols空白空间700-900宽度~为什么？

我对自助取款机有问题。我也不明白为什么我的col元素会产生wierd空白。这应该是一个简单的问题，但我现在搜索了一个小时，仍然找不到解决办法

有问题的网站：

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

这就是问题所在屏幕截图：

我尝试了一些我在这里找到的解决方案，但都不起作用，事实上，那里的问题有点复杂

---

谢谢

分隔块的行的左边距为：-15px；右边缘：-15px；这导致箱子在下面跳动

要解决此问题，请向div中添加一个类，其中的行在站点上有4行以删除边距

<div class="row noMargin">

---

这是一个浮动问题。Gardinenwäsche分区需要一个明确的答案：左；修复DOM。

引导列允许嵌套！由于使用的是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是移动的首先记住在每一列中添加一个列xs-*，不管它是否是100%，您可能会因此避免一些清除问题。

谢谢添加：清除：左至Gardinenwäsche和Einkaufsservice Divs，宽度为700-900，修复了这个问题。这不是一个完美的解决方案，它不是动态的。它只适用于特定情况。要使其动态化，他必须在sm中每隔一秒清除一次，在lg中每隔四秒清除一次。通过媒体查询，他可以清除：带有第n个child2n+2或类似内容的左元素，它将是动态的，因此：

<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>