Vuetify

Boutique

Entreprises

Applies a custom float across any breakpoint with responsive float utilities.

Les classes d'utilitaires flottants appliquent float en fonction de la taille actuelle du port de vue en utilisant la propriété flottante CSS.

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

Activer facilement un float avec une classe :

Les floats peuvent également être appliquées sur une base par point de rupture (point de vue).

Voici une liste de toutes les classes de support disponibles :

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