使用Bootstrap 5,我如何使列根据其内容具有灵活的宽度,但所有列仍然填充行的全部宽度?
如果我使用
,那么列的宽度都是相同的。如果我使用
,那么列就不会填充行的宽度。
如有任何建议,将不胜感激。谢谢你。
查看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>