css - BS4 - 向右浮动第一列

Question

我正在使用 bootstrap4，我需要将第一个 div 列在中型设备中向右浮动，而在移动设备上它首先显示。在 bootstrap3 中可能具有如下结构，但由于 bs4 现在使用 flex，它似乎不起作用。知道如何实现这一目标吗？

<div class="row">
    <div class="col-12 col-md-8 float-right">
         //RIGHT BANNER HERE
    </div>
    <div class="col-12 col-md-4">
        //SOME CONTENTS
    </div>
</div>

标签： cssbootstrap-4

Answer 1

你不需要额外的 CSS。

在 Bootstrap 4 中row是display:flex，因此您可以使用d-md-block（在 md 和 up上display:block）覆盖display:flex.row

<div class="row d-md-block">
    <div class="col-12 col-md-8 float-right">
         //RIGHT BANNER HERE
    </div>
    <div class="col-12 col-md-4">
        //SOME CONTENTS
    </div>
</div>

https://www.codeply.com/go/jjs8RFfwpX