0

我不明白为什么我的“就业类型”字段与表格上的其他职位不相符。此处提供小提琴：http: //jsfiddle.net/mwoods98/GvjXE/。我认为我正确地使用了 control-label 类，但是，作为一个新的引导采用者，我可能犯了一个错误。这是代码片段，但您可以在上面列出的 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

问题似乎是您在前一个controlsDIV 中的内联单选按钮。如果你也给他们类容器，那么就业水平会正确排列：

<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

将 .clearfix 添加到包装单选按钮的 .control div 中，它似乎可以修复它。

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