Twitter bootstrap 引导混合了水平和内联内容

Twitter bootstrap 引导混合了水平和内联内容,twitter-bootstrap,Twitter Bootstrap,我在让引导表单元素按我所希望的方式工作/显示时遇到一些问题 我在这里读到了如何将表单组嵌套在form inline中(另一个父表单组中) 这让我有点内联内容。。但是间隔和东西是关闭的 我不熟悉这种“引导式”的网格/布局。。因此,它可能是一些显而易见或愚蠢地被忽视的东西 以下是我获取上述信息的代码: <!-- Organization --> <div class="form-group"> <label fo

我在让引导表单元素按我所希望的方式工作/显示时遇到一些问题

我在这里读到了如何将表单组嵌套在form inline中(另一个父表单组中)

这让我有点内联内容。。但是间隔和东西是关闭的

我不熟悉这种“引导式”的网格/布局。。因此,它可能是一些显而易见或愚蠢地被忽视的东西

以下是我获取上述信息的代码:

<!-- Organization -->
            <div class="form-group">
                <label for="inputOrganization" class="col-sm-12">Organization <span style="font-size:11px;">(labels on top/full width)</span></label>
                <div class="col-sm-12">
                    <input type="text" class="form-control" id="inputOrganization" placeholder="Organization" name="organization">
                </div>
            </div>
            <!-- Contact Person -->
            <div class="form-group">
                <label for="inputContactPerson" class="col-sm-12">Contact Person <span style="font-size:11px;">(labels on top/full width)</span></label>
                <div class="col-sm-12">
                    <input type="text" class="form-control" id="inputContactPerson" placeholder="ContactPerson" name="contactperson">
                </div>
            </div>



            <div class="form-group col-sm-12">              
                <div class="form-inline">
                    <div class="form-group col-sm-6">
                        <label for="inputCity">City</label><br>
                        <input type="text" class="form-control col-sm-6" id="inputCity" placeholder="City" name="city" style="width:100%;">
                    </div>
                    <div class="form-group col-sm-6">
                        <label for="inputState">State</label><br>
                        <input type="text" class="form-control col-sm-6" id="inputState" placeholder="State" name="state" style="width:100%;">
                    </div>                      
                </div>                          
            </div>

组织(标签位于顶部/全宽)
联系人(标签在顶部/全宽)
城市
状态
我的问题是。。我无法得出以下结论:

  • 字段顶部的城市和州“标签”
  • 城市和州字段之间有一个“空间”(而不是像图中那样相互对接)
  • 城市和州字段的宽度均应为50%。。因此,城市字段从所有其他字段开始的地方开始。。和状态字段在所有其他字段结束的地方结束*(如图所示..内联字段和状态字段之间没有空格,不会延伸到上述联系人字段结束的地方)

我如何才能做到这一点?

引导版本?对此表示抱歉!我相信是这样的3.2:那么您所做的就是删除“forminline”父容器中的“col-sm-12”了?是这样吗?而且所有标签的页边距底部都减少到了2像素:)引导版本?很抱歉!我相信是这样的3.2:那么您所做的就是删除“forminline”父容器中的“col-sm-12”了?是这样吗?而且还将所有标签的边距底部减少到2像素:)