Twitter bootstrap 推特引导边界标题

Twitter bootstrap 推特引导边界标题,twitter-bootstrap,Twitter Bootstrap,只是想知道如何使用bootstrap提供边界标题?就像下面的例子 <div id="form" style="width:350px;"> <fieldset> <legend style="color:blue;font-weight:bold;">General Information</legend> <table> <tr> <td><span style="tex

只是想知道如何使用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>

一般资料
将密码更改为:
确认密码:

要继承引导css属性,只需使用表中的引导css类即可。您可能需要使用:


.table带条纹或.table带边框,位于表标记内。例如table class=“table bordered”

基于您的html,这是chrome中的结果:

您可以简单地控制字段集上的边界:

fieldset{
   border:1px solid #cccc;
}
但是请注意,图例“常规信息”的位置是一种计算样式,但它可以被覆盖


在引导中,有一些默认的css用于字段集和图例,它们“破坏”了字段集和图例,下面是查看默认值的答案。

你说的边界标题是什么意思?你是说“给一个标题加上边界”吗?我不认为这个问题是bootstrap独有的,我猜这与一些浏览器在表单中提供的内置样式有关。好吧,我不知道,是的..想在chrome中添加这个图例吗。