html - Bootstrap 渲染不一致

Question

我在使用 Bootstrap 时在 Chrome(正确)和 Firefox(错误)之间出现渲染不一致。这是我的代码(fiddle here):

<div class='container'>
    <form class='form-horizontal well span6 offset3'>
        <label class='control-label'>Testy</label>
        <div class='controls'>
            <select></select>
        </div>
    </form>
    <legend>Hello!</legend>
</div>

不一致的原因是什么？如何修复 Firefox 渲染，使其与 Chrome 匹配？

Answer 1

这似乎是 Firefox 和 Chrome 呈现 fieldset 的方式标签，至少对于您引用的 Bootstrap 的非响应版本。为了消除变量，我删除了对 Bootstrap 的引用并链接到 bootstrapcdn.com's version ，这似乎解决了问题。

如果不出意外，您总是可以在 fieldset 中添加一些 CSS标记以确保它在所有现代浏览器中呈现相同。

fieldset { 清除:两者；

更新: 看来我没有注意，我更新了这个答案以反射(reflect) legend 上的 CSS标记，而不是 fieldset . JSFiddle Here .

legend { clear: both; }