将引导程序中的dl标签拉到左侧

时间:2013-07-31 19:35:37

标签: twitter-bootstrap

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

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

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

2 个答案:

答案 0 :(得分:7)

试试这个:

.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

答案 1 :(得分:-1)

只需将其添加到您的CSS:

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