html - 使用 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>

输出:

'Still good' 和 'Bad' 应该在一行中。当我删除标签标签时，它们排成一行。但是我需要标签，但我找不到任何关于如何在控件行中正确使用标签的示例。

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