html - ブートストラップを使用して注文されたアイテムでフォームを作成する

Question

こんにちは、ブートストラップを使用して大きなフォームを作成しています。私は.form-horizontal典型的な 、 、 を使用して.control-groupい.control-labelます.controls。

に似た、またはを使用して番号で行にラベルを付ける必要がありますolが、スタイルを正しく取得できません。

コードの例を次に示します。

<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>