twitter-bootstrap - 嵌入 twitter Bootstrap 后重置字段集和图例行为

Question

我对 twitter Bootstrap 感到困惑。我在字段集中有图例标签。
这是我的代码:

<form>
    <fieldset>
        <legend>Test legend</legend>
        Some text .. 
    </fieldset>
</form>

这是非常简单的代码，结果可以在这里查看:
http://jsfiddle.net/zono/ApzWW/

在 Bootstrap 嵌入之后，我对这些 dom 元素有非常不同的看法。
结果可以在这里查看:
http://jsfiddle.net/zono/ApzWW/1/

如何重置字段集和图例元素行为？

我将非常感谢所有手段的想法和建议。

此致。

Answer 1

你真的只需要在你自己的样式表中覆盖 Bootstrap 样式像下面这样的东西应该可以解决问题......

legend {
    display: block;
    width: auto;
    padding: 0 5px;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
    border: auto;
    border-bottom: none;
}

fieldset {
    border: 2px groove threedface;
    padding: 5px;
}

这是一个 fiddle :

http://jsfiddle.net/ApzWW/2/