Bootstrap初级学习（一）表单

• 垂直表单（默认）
• 内联表单
• 水平表单（常用 以此为例）

---

<form class="form-horizontal" role="form"> 
在父form中必须添加from-horizontal类
  <div class="form-group">
  (((((将所有标签和空间放在form-group的div里

  <label for="firstName" class="control-label col-sm-2">名字</label>
  (((((对于label内容，必须加入class="control-label"，for表示这个label绑定哪个控件，与对应控件的id相同

     <div class="col-sm-10">
     <input type="text" class="form-control" id="firstName" placeholder="请输入名字">
     ((((将控件再放在一个div中，该div加入class="col-sm-xxx"
     ((((对于控件内容，必须加入class="form-control",控件id要与对应label的for相同，placeholder表示控件内提示内容
     </div>
    ((((再另起一行写 性别 的时候又重复<div class="form-group"></div>内容
  </div>
</form>

• 其他属性
  
  • class=”input-group-addon”
    为 .input-group 赋予 .input-group-addon 类，可以给 .form-control 的前面或后面添加额外的元素。
  • class=”checkbox-inline ”
    将 .checkbox-inline 或 .radio-inline 类应用到一系列的多选框（checkbox）或单选框（radio）控件上，可以使这些控件排列在一行。
  • class=”col-sm-offset-2”
    向右偏移col-sm-2
  • class=”btn”
    button类，包括btn-default 默认样式/ btn-danger 红色样式/ btn-info 蓝色样式 等