表单元素在Firefox中没有正确对齐

时间:2014-04-22 20:15:13

标签: html css twitter-bootstrap firefox

请查看此测试:http://jsfiddle.net/mqvL8/

如果我使用Chrome或Safari,一切都正确对齐

example with Chrome

如果我在Firefox中做同样的事情,它看起来像这样:

example with Firefox

知道为什么会有差异吗?

我正在使用这样的div:

<div class="form-group">
        <span class="control-label col-xs-2"><b>Name</b></span>
</div>

每个标题都有一个col-xs-2的CSS类,我认为它会使所有内容都像Chrome和Safari一样正确对齐。我做错了吗?

1 个答案:

答案 0 :(得分:1)

在表单组

上执行clear:both
.form-group {
    clear:both;
}

Updated JSFiddle