提问者:小点点

引导程序5:如何使列宽灵活,但仍然填充行?


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

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

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


共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>