bootstrap-4 - 为什么列表组不占用列的全宽

Question

我正在研究角度。我添加了一个列表组。但它不占用列的整个宽度。它根据列表项的内容增加他的宽度。

<div class="container">
  <div class="row">
    <div class="col-xs-10">
      <app-shopping-edit></app-shopping-edit>
      <hr>
      <ul class="list-group">
        <a href="" class="list-group-item" *ngFor="let ingredient of ingredients">
          {{ingredient.name}} ({{ingredient.amount}})
        </a>
      </ul>
    </div>

  </div>
</div>

这是我的输出截图

标签： bootstrap-4