Vuetify

商店

企业版

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

Float 工具类使用 CSS float property 来根据当前的视图端口大小应用 float。

Material Design Viewport Breakpoints
DeviceCodeTypesRange
Extra smallxssmall to large handset< 600px
Smallsmsmall to medium tablet600px > < 960px
Mediummdlarge tablet to laptop960px > < 1264px*
Largelgdesktop1264px* > < 1904px*
Extra largexl4k 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!