Bootstrap：如何将宽度为100％的元素放置在固定高度的卡的底部？

Question

我有一张固定高度的简单卡片。现在，我想在卡的底部放置一个工具栏。工具栏需要具有卡体的整个宽度。但这不起作用：

<div class="card" style="height: 300px;">
  <div class="card-body">
    <div style="border: 1px solid red; width: 100%; position: absolute; bottom: 0px;">
      toolbar
    </div>
  </div>
</div>

接缝处，我的工具栏的100％宽度引用卡，而不是卡主体。如何解决这个问题？

Answer 1

使用它，希望这项工作

     <div class="card-footer text-muted"> toolbar </div>