html - Twitterのブートストラップを使用して入力フィールドを並べた場合のラベル調整

Question

HTML：

<div class="controls controls-row">
       <label>Good</label>

       <input type="text" class="span3" name="one">
</div>

<div class="controls controls-row">
       <label>Still good</label>

       <input type="text" class="span3" name="two">

       <label>Bad</label>

       <input type="text" class="span3" name="three">
</div>

出力：

「Stillgood」と「Bad」は1行にまとめる必要があります。ラベルタグを削除すると、それらは1行になります。ただし、ラベルが必要であり、controls-rowでラベルを正しく使用する方法の例が見つかりません。

最新のTwitterブートストラップリリースを使用しています。

Answer 1

私は次の方法で同じ効果を作成しました：Jsfiddleデモ

<div class="controls controls-row">
    <label>Good</label>
    <input type="text" class="span3" name="one">
</div>
<div class="controls controls-row">
   <div class="row-fluid">
      <div class="span12">
        <div class="span6">
            <label>Still good</label>
            <input type="text" class="span12" name="two">
        </div>
        <div class="span6">
            <label>Bad</label>
            <input type="text" class="span12" name="three">
        </div>
    </div>
  </div>