表单
基础表单
对于表单中的input、textarea、select，一般我都会加上类”form-control”,它设置元素的默认宽度为100%（并不是绝对，比如下述的内联表单）。并且每个元素（包括label和待输入元素）都会加上”form-group”。它的样式只有一个。margin-bottom:15px。
内联表单
通过给最外层元素（form-group的父元素）加上”form-inline”。表示所有表单元素都在一行显示（充足的宽度的情况下）。并且”.form-inline .form-group”展示为内联块元素（inline-block）。并且”.form-inline .form-control”的宽度是auto。这样可以保证在一行展示。
水平表单
不同于普通表单和内联表单。如果要将label和input表单元素显示在一行，则需要使用”form-horizontal”。该类联合”form-group”使用，就相当于网格系统中的”row”。所以它的子类有”col-md-*”，而label的 “control-label”—-“.form-horizontal .control-label”，有文本右对齐的效果。如果不加这个，label和input的会显得不对齐。
表单大小
控制input大小的是”input-sm”，”input-lg”，它们使input输入框比正常看起来更小或者更大。与此对应的是label中文本的大小。需要在父级”form-group”同时加上”form-group-sm”，”form-group-lg”。如上面一个demo的密码输入框。
输入框
在HTML5中，输入框（input）标签中的type支持了更多的类型。有text、password、datatime、datatime-local、date、month、time、week、number、email、url、search、tel和color。标签上只有赋值了特定的type才能显示正确的样式。有些元素只有在手机上才能显示其效果。
下拉框select
与输入框类似。只是将input改成了select，同时加上了”form-control”类。
col-md-pull-*是左偏移。
文本域
和上面类似。
多选框和单选框
为了使radio和checkBox元素显示在一行，并且和label对齐。bootstrap提供了两种选择。其一：
label本身是inline-block的。但是.radio，.checkBox本身却是block的。
所以用一个label包裹多个单选框或复选框，这样会显得很不专业（haha）。还有，很多的也是很不美观的。So，第二种写法来了。