如何删除 bootstrap 水平描述列表左侧的空白 space？

Question

空的太多 space 看起来很奇怪。这是代码：

<div class="col-sm-4" style="border-style: dotted; border-width: 1px;">
      <dl class="dl-horizontal">

          <dt>Tag:</dt>
          <dd><img src="..." class="width-60 img-rounded"></dd>

          <dt>Frente:</dt>
          <dd>...</dd>

          <dt>Verso:</dt>
          <dd>...</dd>

          <dt>Descrição:</dt>
          <dd>...</dd>

          <dt>Coleira:</dt>
          <dd>...</dd>
      </dl>
</div>

结果如下：

如何删除左侧的空白 space ？（我试过这个 Bootstrap horizontal description list whitespace 但没用）

此外，我是否可以将描述图片的标签文本居中？

谢谢。

Answer 1

您可以覆盖设置描述边距的 bootstrap 样式。

向您周围的 dl 添加自定义 class。例如

<dl class="dl-horizontal my-class">

然后添加您的 css 以将边距更改为您想要的：

.my-class.dl-horizontal dd{
   margin-left:170px
}

如何删除 bootstrap 水平描述列表左侧的空白 space？

How can I remove the blank space on the left of a bootstrap horizontal description list?

css

twitter-bootstrap

twitter-bootstrap-3