在bootstrap中还对表单进行了优化,.form-control产生了基础表单,会产生一个全屏宽度的边框,bootstrap的默认表单是垂直显示的
<code lang="html"><form class="form-control" role="form">
        <div class="form-group">
            <input type="text">
        </div>
        <div class="form-group">
            <input type="email"/>
        </div> 
    </form></code>
如果要让form水平显示,则需要在form上加一个.form-horizontal类,改变form-group的表现形式,就像网格系统中的row
有时候,需要将所有的控件在一行全部显示,所以就有了内联表单,在form上加一个.form-inline类,效果和display:inline-block一样
有时候我们经常要使用到表单的一系列控件,如input控件(输入框),select控件(下拉选择框),文本域(textarea),checkbox(复选框)和单选择按钮(radio),以及按钮(button).
表单控件有三种状态,焦点状态(.focus),禁用状态(.disabled),和验证状态(.has-success/warning/error)