css - 左对齐 dl-水平、dt 和 dd

Question

我在面板内工作，无法在 Bootstrap 中左对齐或删除水平列表的边距。

即

<div class="container">
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">
        <strong>testing</strong>
      </h3>
    </div>
    <div class="panel-body">
      <dl class="dl-horizontal">
        <dt>term 1</dt>
        <dd>foo</dd>
        <dt>term 2</dt>
        <dd>bar</dd>
      </dl>
    </div>
  </div>
</div>

https://jsfiddle.net/srzyL86g/

Answer 1

在这里解决。 https://jsfiddle.net/adityap708/9k0qg8jn/

.container dt,.container dd {
  width:auto;
  margin-left:auto;
  display:inline-block;
}

将此添加到您的 CSS 中。 Boostrap 给 dt 和 dd width 和 margin 你需要覆盖它。