引导程序5：如何使列宽灵活，但仍然填充行？

Question

使用Bootstrap 5，我如何使列根据其内容具有灵活的宽度，但所有列仍然填充行的全部宽度？

如果我使用 ,那么列的宽度都是相同的。如果我使用 ，那么列就不会填充行的宽度。

如有任何建议，将不胜感激。谢谢你。

Answer 1

查看flex-fill类

null

.row,.row>div {border:1px solid;}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row ">
    <div class="flex-fill m-1" > a few  more text content</div>
    <div class="flex-fill m-1" > Some text content</div>
    <div class="flex-fill m-1" > text content</div>
    <div class="flex-fill m-1" > little</div>
    <div class="flex-fill m-1" > some content</div>
  </div>
</div>