Javascript 引导列浮动在右侧而不是左侧为什么？

让我们来看看我的问题：

我有这个

html

代码：

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

这类似于父节点，动态内容将在ajax请求后插入父节点。GET请愿书为我们提供了表单中应该显示哪些字段的信息（姓名、姓氏、性别、出生日期，然后是其他字段）

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

它在大多数情况下都能正常工作（图1）

但是当有9个或更多“div children”时，设计会中断，因为

div.col-xs-12

中的一个应该在左侧，而它在右侧（图2）

奇怪的是：如果我在一个元素“放置错误”之前删除了一个

div.col-xs-12

元素，它就一切正常了

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

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

---

谢谢。

在“nationality container”@Ayushharma上相对类的属性是什么？它们只是在JS中做一些事情的类。。我已经修复了强制每个元素具有相同高度的问题（奇怪的是，它们具有相同的..），但是在html工作中这样做了。

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