左对齐dl-horizo​​ntal，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，您需要覆盖它。