Float

The .float-* and .float-{breakpoint}-* classes are used to float an element to the left or right, or disable floating, based on the current viewport width or device size.

    <div class="float-start">Float start on all viewport sizes</div>
    <div class="float-end">Float end on all viewport sizes</div>
    <div class="float-none">Don't float on all viewport sizes</div>

    <div class="float-sm-end">Float end on small viewports or wider</div>
    <div class="float-md-end">Float end on medium viewports or wider</div>
    <div class="float-lg-end">Float end on large viewports or wider</div>
    <div class="float-xl-end">Float end on extra large viewports or wider</div>
    <div class="float-xxl-end">Float end on extra extra large viewports or wider
    </div>