Twitter bootstrap 拉/推自举3.x.x网格系统

我有这个网格订单：

       <div class="row">   
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs col-xs-pull-0">
                <div class="form-group">
                    <label>Username ID</label>
                    <input type="text" class="form-control" name="username_id" />
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs">
                <label>Full Name</label>
                <input type="text" class="form-control" name="full_name" />
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs">
                <label>Member Status</label>
                <input type="text" class="form-control" name="member_status" />
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs">
                <div class="form-group">
                    <label>Phone Number</label>
                    <input type="text" class="form-control" name="phone_number_mobile" />
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs">
                <label>Address / State</label>
                <input type="text" class="form-control" name="address_city_state" />
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs">
                <label>Registered Date</label>
                <input type="text" class="form-control" name="dt_added" />
            </div>
        </div>

用户名ID
全名
成员身份
电话号码
地址/状态
登记日期

对于

md

或

lg

，但对于

sm

，网格布置没有问题。。。结果如下：

JS小提琴：

---

我怎样才能重新安排平衡？任何建议都将不胜感激。谢谢

您的

表单组

元素稍微不匹配。我已经整理了它们并简化了

col-*

类：

用户名ID
全名
成员身份
电话号码
地址/状态
登记日期

提示：始终认为“手机优先”。然后重新排列较大的尺寸。嗨，别忘了一行只有12列，在你的代码中我可以数到18列。（更多信息如下：）你能提供一把你的作品吗？谢谢，您希望它在不同的尺寸下看起来如何？在大/中型时，它将是4个分区，但在sm/xs中，它将是2个分区divisions@DianeDuquesne我想，我的DOM仍然正确，因为列的组合数…在

成员状态

为什么不添加

表单组

类？因为我忘了：）我现在已经修复了它。