.float-right和.float-left在bootstrap 4的.row内部不起作用

Question

在bootstrap 4中，float无法在行内工作。

我需要在左div中设置右div，但在响应视图中，我需要先使用右div，然后再使用左div。

    <div class="row">
     <div class="right col-md-4">
         float Right
     </div>
    <div class="left col-md-8">
       float left
    </div>
  </div>

但是现在浮动不起作用

Answer 1

如果要同时使用它，则意味着左浮和右浮，首先应将这些div包装在clearfix类中。

<div class="clearfix">
 <span class="float-left">Float left</span>
 <span class="float-right">Float right</span>
</div>