消除 Bootstrap 4 中列之间的垂直空间
问题陈述:
在 Bootstrap 4 中,当使用两列布局时,当视口不处于“移动模式”时,列之间会出现空白的垂直空间。
原因:
Bootstrap 4利用 Flexbox,对齐所有列的高度以匹配最高的列。
建议的解决方案:使用浮动
为了避免出现空白,请考虑使用浮动:
<div class="container"> <div class="row d-lg-block"> <div class="col-lg-9 float-left description">Desc</div> <div class="col-lg-3 float-right sidebar">Sidebar</div> <div class="col-lg-9 float-left comments">Comments</div> </div> </div>
说明:
附加说明:
以上是如何消除 Bootstrap 4 中列之间的垂直空间?的详细内容。更多信息请关注PHP中文网其他相关文章!