bootstrap表单

表单
    垂直表单
      <form role="form">
        <div class="form-group">
           <label for="name">名称</label>
           <input type="text" class="form-control" id="name" placeholder="请输入名称">
        </div>
        <div class="form-group(获得最佳间距)">
           ........
        </div>
    
     内联表单  form标签内增加类属性 <form role="form" class="form-inline">
     水平表单  
      <form role="form" class="form-horizontal">
        <div class="form-group">
           <label for="name" class="col-sm-2 control-label">用户名</label>
           <input type="text" class="form-control" id="name" placeholder="请输入用户名">
        </div>
        <div class="form-group">
         ......
        </div>
      </form>




控制表单控件的样式
  1.input标签的类属性中使用.input-lg/.input-sm 为控件设置高度
  2.div标签的类属性中通过.col-lg-*为控件设置宽度
    <div class="col-md-3 col-xs-6">...</div>（中等屏幕显示4列，小屏幕显示2列）
  3.通过覆盖.form-control的样式来改变控件的样式