表单

Bootstrap 自带了基本的表单样式，不需要添加任何辅助类，即可使用表单的默认布局。默认布局中，表单元素采用垂直布局，标签和输入框使用顶对齐方式。如：

<form>
  <fieldset>
    <legend>Legend</legend>
    <label>Label name</label>
    <input type="text" placeholder="Type something…">
    <span class="help-block">Example block-level help text here.</span>
    <label class="checkbox">
      <input type="checkbox"> Check me out
    </label>
    <button type="submit" class="btn">Submit</button>
  </fieldset>
</form>

效果如图 328所示：

vc3RyYXCx7bWltcTErMjPsry+1g==" src="/uploadfile/2018/0306/20180306114526477.png" />

图3-28 Boostrap表单的默认布局