Bootstrap4 Flexboxes如何将预定义宽度用于不同的尺寸

我是bootstrap4的新手,现在使用flexbox创建布局。在1节课中,我使用flex-row。当大小变小时,该行将变为一列。在本课程中,我另外做了2个课程,每个课程的宽度为50%(class =“ w-50”)。当我达到某个大小时,我希望将50%更改为100%。

我尝试使用w-sm-100类,但这似乎没有用。

<div class="d-flex flex-column flex-sm-row">

  <div class="w-50">

  </div>

  <div class="w-50">


  </div>

</div>
feirenchaodi 回答:Bootstrap4 Flexboxes如何将预定义宽度用于不同的尺寸

有专为此目的的列

使用.col-sm-6而不是创建自己的自定义CSS https://getbootstrap.com/docs/4.3/layout/grid

本文链接:https://www.f2er.com/3151595.html

大家都在问