在Bootstrap中，单独的表单控件会自动赋予全局样式，但是在class="form-control"类中的表单元素做了特殊处理，包含在".form-control"中的<input>、<textarea>、<select>都会默认设置宽度width=100%。这些元素和label组合使用会使得元素在排列上更加美观。下面的代码提供了最基本的使用方式
部分代码
页面运行效果如图所示，页面中使用了两个input标签，宽度占据100%，并且使用了圆角，输入框边框还用到了阴影效果。
页面效果
从图中可以看到，label标签中的内容和输入框不在同一行，在Bootstrap中表单元素处理默认是垂直的，有时候我们需要将<form>或者容器中的表单元素显示在同一行，Bootstrap提供了class="form-inline"可以实现这一效果，代码如下：
部分代码
页面运行效果如图所示，容器<div>中的所有元素都显示在了同一行。class="form-inline"也支持响应式的，当屏幕尺寸小于768px的时候显示效果如图所示，label标签内容和输入框会堆叠在一起。
内联效果
Bootstrap中表单元素的处理默认是垂直方式的，如果要将标签label和表单元素显示在同一行，则需要使用class="form-horizontal"。该类联合Bootstrap中的网格系统同时使用，这个时候class="form-group"就相当于网格系统中的class="row"，代码如下：
主要代码
运行效果如图所示
从上面代码中可以看出，<label>和<div>标签中都用到了class="col-lg-*"，并且将label标签和input显示在了同一行，这个和网格系统非常类似。下面的代码即可用网格系统实现同样的效果。