浮动
浮动类
老残游记(左浮动)

绿野仙踪(右浮动)

白虎通义(不浮动)
<div class="float-left">老残游记(左浮动)</div><br>
<div class="float-right">绿野仙踪(右浮动)</div><br>
<div class="float-none">白虎通义(不浮动)</div>
响应式
在大小为SM(小)或更宽的视口上向右浮动

在大小为MD(中等)或更宽的视口上向右浮动

在大小为LG(大)或更宽的视口上向右浮动

在大小为XL(特大)或更宽的视口上向右浮动

<div class="float-sm-right">在大小为SM(小)或更宽的视口上向右浮动</div><br>
<div class="float-md-right">在大小为MD(中等)或更宽的视口上向右浮动</div><br>
<div class="float-lg-right">在大小为LG(大)或更宽的视口上向右浮动</div><br>
<div class="float-xl-right">在大小为XL(特大)或更宽的视口上向右浮动</div><br>

这里是所有的支持类。

  • .float-left
  • .float-right
  • .float-none
  • .float-sm-left
  • .float-sm-right
  • .float-sm-none
  • .float-md-left
  • .float-md-right
  • .float-md-none
  • .float-lg-left
  • .float-lg-right
  • .float-lg-none
  • .float-xl-left
  • .float-xl-right
  • .float-xl-none