css - Twitter Bootstrap - フォームレイアウトを組み合わせる方法は?

Question

.form-horizontalフォームのレイアウトに使用しています。ラベルとフォーム フィールドを水平方向に揃えたい。ただし、場合によっては、複数のフォーム フィールドを水平方向に並べる必要があります。たとえば、クレジット カード情報を収集するフォームでは、次のようなものが必要です。

          Name:  [___________]
CC Expiry Date:  [____] [____]

.form-horizontal一部のフィールドと他のフィールドで使用する方法はあり.form-inlineますか?

Answer 1

謎はありません。他の入力をまとめてください。

<form class="form-horizontal">
  ...
  <div class="control-group">
    <label class="control-label" for="input1">Label</label>
    <div class="controls">
      <input type="text" id="input1" placeholder="Input1">
      <input type="text" id="input2" placeholder="Input2">
    </div>
  </div>
</form>