twitter bootstrap边界标题

Question

只是想知道如何使用bootstrap提供边框标题？如下例所示。

 <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

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

在表标记中

.table-striped或.table-bordered。例如table class =“table-bordered”

Answer 2

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

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

fieldset{
   border:1px solid #cccc;
}

请注意，图例“常规信息”的定位是计算样式，但可以覆盖。

“Fieldsets and Legends”

Answer 3

在bootstrap中有一些字段集和图例的默认css，＆＃34; destroys＆＃34; ，这是一个看到默认值的答案。 Use Fieldset Legend with bootstrap