如何删除引导程序水平描述列表左侧的空白区域？

Question

空间太大，看起来很奇怪。这是代码：

<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>

结果如下：

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

另外，无论如何我可以将描述图像的标记文本居中吗？

感谢。

Answer 1

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

为您周围的dl添加自定义类。 e.g。

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

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

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