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>

输出：

“仍然好”和“坏”应该排成一行。当我删除标签标签时，它们排成一行。但是我需要标签，我找不到任何关于如何正确使用标签与控件行的示例。

我使用最新的 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>