0

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ブートストラップリリースを使用しています。

4

1 に答える 1

2

私は次の方法で同じ効果を作成しました：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>

于 2013-03-09T12:57:56.403 に答える