bootstrap表单

表单布局

常用的有3种表单布局

分别是垂直表单  内联表单    水平表单

 垂直表单

创建步骤 1.在form中添加 role="form"

2.把标签和控件(inpute label)等放在一个带有class="form-group"的div中

3.讲<inpute> <textarea> <select>等文本元素中添加 class="form-control"

内联表单

创建步骤：内联表单的创建和垂直表单的创建类似只是在form中还要加上一个

class="form-inline"

水平表单

创建步骤:创建步骤同样类似垂直表单 但需要在form中加上

     class="form-horizontal

并且在label中加入class="control-label"

静态控件

静态控件用于在水平表单的表单标签后放置纯文本

方法:在p标签中加入class="form-control-static"

表单帮助文本

<spanclass="help-block">