浮动
使用我们的响应式浮动实用程序,可以在任何断点的任何元素上切换浮动。
概观
这些实用程序类根据当前视口的大小,使用来向左或向右浮动元素,或禁用浮动 CSS float 属性 .!important 包括在内以避免特殊性问题。 它们使用与我们的网格系统相同的视口断点。 请注意,浮动实用程序对弹性项目没有影响。
类
用一个类切换一个浮点数：
在所有视口尺寸上向左浮动
在所有视口尺寸上浮动
不要在所有视口尺寸上浮动
<div class="float-left"> 在所有视口尺寸上向左浮动 </div><br/>
<div class="float-right"> 在所有视口尺寸上浮动 </div><br/>
<div class="float-none"> 不要在所有视口尺寸上浮动 </div>混合蛋白
或通过Sass mixin：
反应灵敏
每个人还存在响应性变化 float 值。
在大小为SM（较小）或更宽的视口上浮动
在视口大小为MD（中）或更宽的视口上浮动
在大小为LG（大）或更宽的视口中浮动
在大小为XL（超大）或更大的视口上浮动
<div class="float-sm-left"> 在大小为SM（较小）或更宽的视口上浮动 </div><br/>
<div class="float-md-left"> 在视口大小为MD（中）或更宽的视口上浮动 </div><br/>
<div class="float-lg-left"> 在大小为LG（大）或更宽的视口中浮动 </div><br/>
<div class="float-xl-left"> 在大小为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
