bootstrap 表单样式

为了获得一个好看的form表单空间，我们需要如下的操作：

效果图如下：

我们首先通过form-horizontal类来指定我们的表单空间是水平排列的，即标签和输入框在一个水平线上，然后我们通过form-group来使得表单控件占满整个容器的宽度，然后通过col-sm-x来指定标签和空间各自所占的距离，之后我们添加入control-label和form-control来为标签和输入框添加好看的样式。总结如下表格：

水平表单控件相关bootstrap类

form-horizontal	指定表单的展示方式是水平展示标签与输入框
form-group	将 label 元素和控件包裹在 .form-group 中可以获得最好的排列。
form-control	所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;
control-label	为label添加样式
col-sm-xx	通过该格栅系统来指定各个控件的宽度
input-lg input-sm	通过该类来指定空间的高度