使用twitter的bootstrap排列輸入字段時的標簽調整

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>

輸出：

'仍然很好'和'壞'應該在一條線上。 當我刪除標簽標簽時，它們在一行中。 但是，我需要標簽，我找不到任何關於如何正確使用控件行標簽的示例。

我使用最新的twitter bootstrap版本。

Answer 1

我通過以下方式創建了相同的效果：Jsfiddle Demo

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