浮动

使用响应式 float 工具在任何断点上应用自定义浮动。

类	代表值
float-left	float: left;
float-right	float: right;
float-start	float: start;
float-end	float: end;
float-none	float: none;
float-sm-left	float: left;
float-sm-right	float: right;
float-sm-start	float: start;
float-sm-end	float: end;
float-sm-none	float: none;
float-md-left	float: left;
float-md-right	float: right;
float-md-start	float: start;
float-md-end	float: end;
float-md-none	float: none;
float-lg-left	float: left;
float-lg-right	float: right;
float-lg-start	float: start;
float-lg-end	float: end;
float-lg-none	float: none;
float-xl-left	float: left;
float-xl-right	float: right;
float-xl-start	float: start;
float-xl-end	float: end;
float-xl-none	float: none;

概述

浮动辅助类基于当前视口尺寸(及以上)使用 CSS float property（浮动属性）应用浮动功能。

Device	Code	Type	Range
Extra small	xs	Small to large phone	< 600px
Small	sm	Small to medium tablet	600px > < 960px
Medium	md	Large tablet to laptop	960px > < 1280px
Large	lg	Laptop to desktop	1280px > < 1920px
Extra large	xl	1080p to 1440p desktop	1920px > < 2560px
Extra extra large	xxl	4k and ultra-wide	> 2560px
Specification

类

轻松切换一个带有类的 float：

响应式

Floats 也可以在每个断点（视图）的基础上适用。