在 Bootstrap v4 的文档和问题 (这里) 中,我看不到任何支持
这是一个我想创建的布局示例:
是否已经可以构建这样的布局?也许不建议这样做?当然,使用CSS可以解决问题,但我正在寻找一种干净的解决方案,最好仅使用Bootstrap类名以确保一致性。
flex-grow
的计划,例如以下语法的内容:<div class="d-flex">
<div class="flex-grow">
I use all the space left
</div>
<div>
I am a small text on the right
</div>
</div>
这是一个我想创建的布局示例:
是否已经可以构建这样的布局?也许不建议这样做?当然,使用CSS可以解决问题,但我正在寻找一种干净的解决方案,最好仅使用Bootstrap类名以确保一致性。
row>col
代替d-flex>col
。http://www.codeply.com/go/rcJBwXRjSN - Carol Skelly.col
列上使用断点网格类,并将所有内容放入.row
和.container
中。这些都在我提供的链接中有参考。已更新我的答案。 - Michael Cokerflex-grow
,还有一些其他的 padding。我认为更合理的做法是找到一个类似 Bootstrap 的实用库,提供这样的原子实用类。 - adi518