代码之家 › 专栏 › 技术社区 › Witek

引导:如何将100%宽度的元素放置在固定高度的卡的底部?

css-position bootstrap-4 twitter-bootstrap

-1

Witek · 技术社区 · 7 年前

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

<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%的宽度我的工具栏参考卡,而不是卡体。如何解决这个问题?

1 回复 | 直到 7 年前

1

Eren ÇELÄ°K 7 年前

用这个我希望能用这个

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