Bootstrap水平表单

水平表单

右侧对齐并且左侧浮动的label和控件排列在同一行。这需要对默认的表单格式做修改：R

• 为表单添加.form-horizontal类
• 将label和控件包裹在.control-group中
• 为label添加.control-label类
• 将任何相关的控件包裹在.controls中，以确保最佳的对齐

Email

Password

Remember me Sign in

 
 
<form class="form-horizontal">
  <div class="control-group">
    <label class="control-label" for="inputEmail">Email</label>
    <div class="controls">
      <input type="text" id="inputEmail" placeholder="Email">
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="inputPassword">Password</label>
    <div class="controls">
      <input type="password" id="inputPassword" placeholder="Password">
    </div>
  </div>
  <div class="control-group">
    <div class="controls">
      <label class="checkbox">
        <input type="checkbox"> Remember me
      </label>
      <button type="submit" class="btn">Sign in</button>
    </div>
  </div>
</form>