html中bootstrap表单内元素的各类属性简析

首先，给form加上form-inline类属性，可以将表单内的所有元素设置为内联，横向排列。

在表单内部，可以给div加上如下类属性：

form-group：给<div>添加，声明该区域为表单元素，是表单的一个表示单元，该单元内部可包含一个文本加上表单的一行，文本可以在行的上边或左边。即可包含<label>和<div class="input-group"></input>或者是可以被form-control修饰的元素。

input-group：给<div>添加，声明区域为表单的一行，行内又可以包含像<span class="input-group-addon"></span>这样的提示区域以及可以被form-control修饰的元素，input-group要么和input-group-addon成对出现，要么就都不出现（小原则）。

input-group-addon：给<span>添加，表示一行内的额外内容——前缀和后缀，例如<span class="input-group-addon">@</span>。把该<span>元素放在被form-control修饰的元素的前面或后面。

form-control：给表单内的<input>，<select>，<textarea>添加，它们会受到特定修饰，匹配表单样式。