bootstrap学习笔记<五>

表单

bootstrap为表单提供三种样式：默认表单，水平表单，内联表单。

<form class="form-horizontal" role="form">
   <!--默认表单-->
</form>
<!--分割线-->
<form class="form-horizontal" role="form">
    <!--水平表单-->
</form>
<!--分割线-->
<form class="form-inline" role="form">
    <!--内联表单-->
</form>

水平表单效果图（ps：bootstrap默认表单是label标签和表单元素上下排列）

内联表单效果图（ps：内联表单就是把垂直排列的表单元素水平排列）