twitter-bootstrap – 在左侧的bootstrap中拉dl标签

发布时间：2020-12-18 00:25:05 所属栏目：安全来源：网络整理

导读：如何覆盖bootstrap中的dl标记,使其没有任何宽度(默认情况下,宽度为160).我希望dt字段在左边.另外,如何在两行之间添加更多空白？我试图覆盖宽度,但它不起作用. http://jsfiddle.net/MgcDU/6357/embedded/result/ 示例没有我的更改http://jsfiddle.net/MgcDU/

如何覆盖bootstrap中的dl标记,使其没有任何宽度(默认情况下,宽度为160).我希望dt字段在左边.另外,如何在两行之间添加更多空白？

我试图覆盖宽度,但它不起作用. http://jsfiddle.net/MgcDU/6357/embedded/result/

示例没有我的更改http://jsfiddle.net/MgcDU/6356/embedded/result/

解决方法

试试这个：

.dl-horizontal dt{
    text-align: left;
    margin-bottom: 1em;
    width: auto;
    padding-right: 1em;
}

.dl-horizontal dd{
    margin-left: 0;
    margin-bottom: 1em;
}

Demo fiddle

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!