使用我们的响应式浮动实用程序在任何断点上切换任何元素上的浮点数。

概述

这些实用程序类使用CSSfloat属性根据当前视口大小将元素浮动到左侧或右侧，或禁用浮动。!important包含在内以避免特殊性问题。这些使用与我们的网格系统相同的视口断点。

类别

用类切换浮点数：

Float left on all viewport sizes

Float right on all viewport sizes

Don't float on all viewport sizes

混入

或者是Sass Mixin：

.element { @include float-left;}.another-element { @include float-right;}.one-more { @include float-none;}

响应性

响应性的变化也存在于每一个float值中。

Float left on viewports sized SM (small) or wider

Float left on viewports sized MD (medium) or wider

Float left on viewports sized LG (large) or wider

Float left on viewports sized XL (extra-large) or wider

这里有所有的支持类。

• .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