bootstrp水平表单格式

1：form里添加类 "form-horizontal"

2：把标签和表单控件(input 等)放在一个带有类名 "form-group"的div里

3：标签可以直接用col-md-xx控制长度，表单控件要放在一个div里，用div的col-md-xx控制长度

4：标签添加类名"control-label", 表单控件添加类名"form-control"

一个具体的例子代码如下:

<div class="container" style="width:100%;height:100%;padding:0">    <div class="row" style="width:100%;height:100%;margin:0">        <form class="form-horizontal" method="post" action="#" style="width:100%;height:100%;">            <div class="form-group" style="margin-left: 0;">                <div class="col-md-8 col-md-offset-2 text-center">                    <span style="font-size: 2em">用户登录</span>                </div>            </div>

            <div class="form-group" style="margin-left: 0;">                <label class="col-md-3 control-label">邮箱:</label>                <div class="col-md-9">                    <input type="text" name="email" class="form-control"/>                </div>            </div>

            <div class="form-group" style="margin-left: 0;">                <label class="col-md-3 control-label">密码:</label>                <div class="col-md-9">                    <input type="password" name="password" class="form-control"/>                </div>            </div>            <div class="form-group" style="margin-left: 0;">                <div class="col-md-8 col-md-offset-3">                    <label>                        <input type="checkbox" name="rememberMe"/>7天内有效                    </label>                </div>            </div>            <div class="form-group" style="margin-left: 0;">                <div class="col-md-3 col-md-offset-3 ">                    <input type="submit" class="form-control btn-success" value="登录" />                </div>                <label class="col-md-3 text-center" style="padding:0;color:red;font-size: 0.5em">还没账号?请点此注册 </label>                <div class="col-md-3" >                    <a href="#" class="form-control btn-info text-center">注册</a>                </div>            </div>        </form>

    </div></div>

效果如下,这里为了让用户登录框能和第一篇文章的div框高度相等，对bootstrap默认的padding margin height width等作了修改，