bootstrap布局两列或者多列表单

Posted jimson

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap布局两列或者多列表单相关的知识,希望对你有一定的参考价值。

1, 代码如下:

                        <div class="form-group">
                            <label for="starttime" class="col-sm-2 control-label">实际开始时间</label>
                            <div class="col-md-4">
                                <input class="form-control" type="text" id="starttime" readonly="readonly" onchange="checkNull(this,‘submitButton‘)" />
                            </div>
                            <label for="endtime" class="col-sm-2 control-label">实际结束时间</label>
                            <div class="col-md-4">
                                <input class="form-control" type="text" id="endtime" readonly="readonly" onchange="checkNull(this,‘submitButton‘)" />
                            </div>
                        </div>

2, control-group became form-group in bootstrap3

以上是关于bootstrap布局两列或者多列表单的主要内容,如果未能解决你的问题,请参考以下文章

BootStrap有用代码片段(持续总结)

CSS布局奇淫技巧之-多列等高

Bootstrap表单及表单布局

如何使用 Twitter Bootstrap v3.0 构建两列流体布局

使用 Bootstrap 创建一个两列 100% 的布局

CSS 垂直居中多列布局