Wendet einen benutzerdefinierten Float über jeden Haltepunkt mit responsiven Float-Utilities an.
Float Utility-Klassen gelten basierend auf der aktuellen Viewport-Größe mit der CSS float property.
| 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 | |||
Schalten Sie Float einfach mit einer Klasse ein:
Floats können auch pro Haltepunkt (Viewport) eingesetzt werden.
Hier ist eine Liste aller verfügbaren Supportklassen:
.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!