twitter-bootstrap - twitter bootstrap 边框标题

Question

只是想知道如何使用引导程序给出边框标题？就像下面的例子。

 <div id="form" style="width:350px;">
<fieldset>
    <legend style="color:blue;font-weight:bold;">General Information</legend>
    <table>
    <tr>
    <td><span style="text-decoration:underline">C</span>hange Password To:</td>
    <td><input type="text" /></td>
    </tr>

    <tr>
    <td><span style="text-decoration:underline">C</span>onfirm Password:</td>
    <td><input type="text" /></td>
    </tr>
    </table>
   </fieldset>
</div>

Answer 1

要继承引导 css 属性，只需使用表上的引导 css 类。您可能想使用：

.table-striped 或 .table-bordered 在您的表格标签内。例如 table class="table-bordered"

Answer 2

根据您的 html，这是 chrome 中的结果：

您可以简单地控制字段集的边框：

fieldset{
   border:1px solid #cccc;
}

但请注意，图例“一般信息”的位置是一种计算样式，但它可以被覆盖。

"字段集和图例"

Answer 3

在引导程序中有一些用于“破坏”字段集和图例的默认 css，这是查看默认值的答案。 将 Fieldset Legend 与引导程序一起使用