使用响应式 float 工具在任何断点上应用自定义 float。
Float 工具类使用 CSS float property 来根据当前的视图端口大小应用 float。
Device | Code | Types | Range |
---|---|---|---|
Extra small | xs | small to large handset | < 600px |
Small | sm | small to medium tablet | 600px > < 960px |
Medium | md | large tablet to laptop | 960px > < 1264px* |
Large | lg | desktop | 1264px* > < 1904px* |
Extra large | xl | 4k and ultra-wides | > 1904px* |
* -16px on Desktop |
轻松切换一个带有类的 float:
Floats 也可以在每个断点(视图)的基础上适用。
以下是所有可用的支持类列表:
.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
Caught a mistake or want to contribute to the documentation?
Edit Layout
on GitHub!