左侧浮动的Bootstrap列为什么？

Question

让我们来解决我的问题：

我有这个html代码：

<div id="nodeInitInsertion" class="row removePadd_oddEven_childs"></div>

这就像在ajax请求之后插入动态内容的父节点。此GET请愿书向我们提供了有关我们应在（姓名，姓名，性别，出生日期，然后是额外字段）中显示哪些字段的信息

例如，我们收到了所有这些（里面有输入，但这是您需要的主要信息）

<div id="nodeInitInsertion" class="row removePadd_oddEven_childs">
    <div class="col-xs-12 col-sm-6 relative margin-20-t sex_container"></div>
    <div class="col-xs-12 col-sm-6 relative margin-10-t dateofbirth_container"></div>
    <div class="col-xs-12 col-sm-6 element-children margin-10-t"></div>
    <div class="col-xs-12 col-sm-6 element-children margin-10-t"></div>
    <div class="col-xs-12 col-sm-6 element-children margin-10-t"></div>
    <div class="col-xs-12 col-sm-6 relative margin-10-t nationality_container"></div>
    <div class="col-xs-12 col-sm-6 element-children margin-10-t"></div>
    <div class="col-xs-12 col-sm-6 email_container margin-10-t"></div>
    <div class="col-xs-12 col-sm-6 element-children margin-10-t"></div>
</div>

大部分时间都可以正常运行（图1）。

但是当有9个“div孩子”或更多时，设计会中断，因为div.col-xs-12中的一个应该在左边而在右边。 （图2）

奇怪的是：如果我在“错误放置”元素之前移除div.col-xs-12元素，那么一切正常。

最奇怪的是这个元素没什么奇怪的......它们的高度也一样。

你有没有碰巧发生在你身上？比如：一列完全浮动的引导程序向右浮动？为什么会这样？

谢谢..