Bootstrap 5 Learning Kit

   Copy to clipboard

   Open in CodePen

<div class="float-start">Float left</div><br>
<div class="float-end">Float right</div><br>
<div class="float-none">Don't float</div><br>

   Copy to clipboard

   Open in CodePen

<h4 class="h5 text-muted mt-3">Float left</h4>
<div class="float-sm-start">Float left for breakpoints sm and up</div><br>
<div class="float-md-start">Float left for breakpoints md and up</div><br>
<div class="float-lg-start">Float left for breakpoints lg and up</div><br>
<div class="float-xl-start">Float left for breakpoints xl and up</div><br>
<div class="float-xxl-start">Float left for breakpoints xxl and up</div><br>
<h4 class="h5 text-muted mt-3">Float right</h4>
<div class="float-sm-end">Float right for breakpoints sm and up</div><br>
<div class="float-md-end">Float right for breakpoints md and up</div><br>
<div class="float-lg-end">Float right for breakpoints lg and up</div><br>
<div class="float-xl-end">Float right for breakpoints xl and up</div><br>
<div class="float-xxl-end">Float right for breakpoints xxl and up</div><br>
<h4 class="h5 text-muted mt-3">Float none</h4>
<div class="float-sm-none">Don't float for breakpoints sm and up</div><br>
<div class="float-md-none">Don't float for breakpoints md and up</div><br>
<div class="float-lg-none">Don't float for breakpoints lg and up</div><br>
<div class="float-xl-none">Don't float for breakpoints xl and up</div><br>
<div class="float-xxl-none">Don't float for breakpoints xxl and up</div><br>