大家好。有这部分布局
<div class="row exp">
<div class="col col-ex d-flex flex-column">
</div>
<div class="col col-cat">
</div>
</div>
在大屏幕上,它看起来像水平并排的两列。我试图做到这一点,以便在使用中等屏幕时,第一列占据父级的整个宽度,第二列移动到第一列下方并且也占据整个宽度。请告诉我我该怎么做?
代替 col 类,添加 col-md-6 或 col-lg-6 类(取决于您希望更改的屏幕尺寸):