Float Utilities

You can use the float utility on any element, for any breakpoint.


You can use the float utility classes to float an element to the left or right, or to disable floating, responsively. The utilities use the same viewport breakpoints as the grid system.

Float Utility Example
Float utilities do not affect flex items.


Float utilities can be applied responsively using the following helper classes:

  • ._float-{xs|sm|md|lg|xl}-left
  • ._float-{xs|sm|md|lg|xl}-right
  • ._float-{xs|sm|md|lg|xl}-none
Responsive Float Utility Example