可以通过以下步骤实现:
<div class="row">
<div class="col">
<!-- 这是第一个列 -->
</div>
<div class="col">
<div class="row justify-content-center">
<div class="col-3">
<!-- 这是第一个居中的子列 -->
</div>
<div class="col-3">
<!-- 这是第二个居中的子列 -->
</div>
<div class="col-3">
<!-- 这是第三个居中的子列 -->
</div>
<div class="col-3">
<!-- 这是第四个居中的子列 -->
</div>
</div>
</div>
</div>
justify-content-center
类将其内容居中对齐。col-*
类将4个子列平均分配宽度,并将其内容放置在各个子列中。这样,使用Bootstrap将另一列中的4列居中就完成了。通过以上步骤,可以实现将第二列中的4个子列在水平方向上居中对齐。
领取专属 10元无门槛券
手把手带您无忧上云