0

「雇用タイプ」フィールドがフォームの他のポジションと一致しない理由がわかりません。ここで提供されるフィドル: http://jsfiddle.net/mwoods98/GvjXE/。コントロール ラベル クラスを適切に使用していると思いますが、新しいブートストラップの採用者として、間違いを犯した可能性があります。以下はコードの抜粋ですが、上記の jsfiddle で作業コピーを見ることができます。

<label class="control-label" for="input04">Employment Type</label>
<div class="controls">
<select id="input04" name="EmpType">
<option value=""></option>
</select>
</div>

^^ 機能していません

<label class="control-label" for="input05">Grade Level</label>
<div class="controls">
<select id="input05" name="Grdlvl">
<option value=""></option>
</select>
</div>

^^ 働いています。

4

3 に答える 3

0

controls問題は、前のDIVのインライン ラジオ ボタンにあるようです。クラスコンテナも与えると、雇用レベルが正しく並びます:

<label class="control-label" for="input03">
  Gender
</label>
<div class="controls container">
  <label class="radio inline">
    <input id="input03" type="radio" name="optionsRadios" id="optionsRadios1" value="Male">Male
  </label>
  <label class="radio inline">
    <input  id="input03" type="radio" name="optionsRadios" id="optionsRadios1" value="Female">Female
  </label>
</div>
于 2013-03-28T15:25:04.257 に答える
0

コントロールの内容全体を でラップする必要がありますcontrol-group。このような：

<div class="control-group">
    <label class="control-label">Employment Type</label>
    <div class="controls">
        <select id="input04" name="EmpType">
            <option value=""></option>
        </select>
    </div>
</div>

編集：

作業例: http://jsfiddle.net/AZdwv/

于 2013-03-28T15:25:22.903 に答える
0

ラジオボタンをラップする .control div に .clearfix を追加すると、修正されたようです。

http://jsfiddle.net/GvjXE/7/

<div class="controls clearfix">
    <label class="radio inline">
    <input id="input03" type="radio" name="optionsRadios" id="optionsRadios1" value="Male">Male</label>
    <label class="radio inline">
    <input  id="input03" type="radio" name="optionsRadios" id="optionsRadios1" value="Female">Female</label>
</div>
于 2013-03-28T15:43:50.260 に答える