Bootstrap 5 Learning Kit

   Copy to clipboard

   Open in CodePen

<nav>
  <ol>
    <li><a href="#">Home</a></li>
    <li><a href="#">Sports</a></li>
    <li><a href="#">Ball games</a></li>
    <li>Baseball</li>
  </ol>
</nav>

   Copy to clipboard

   Open in CodePen

<h4 class="h5 text-muted mt-3">Character</h4>
<nav>
  <ol>
    <li><a href="#">Home</a></li>
    <li><a href="#">Sports</a></li>
    <li><a href="#">Ball games</a></li>
    <li>Baseball</li>
  </ol>
</nav>
<h4 class="h5 text-muted mt-3">SVG</h4>
<!-- Icon from Bootstrap Icons: https://icons.getbootstrap.com/icons/chevron-right/ -->
<!-- Icon encoded here: https://yoksel.github.io/url-encoder/ -->
<!-- Add url("data:image/svg+xml, before the encoded code -->
<!-- Add "); after the encoded code -->
<nav>
  <ol>
    <li><a href="#">Home</a></li>
    <li><a href="#">Sports</a></li>
    <li><a href="#">Ball games</a></li>
    <li>Baseball</li>
  </ol>
</nav>
<h4 class="h5 text-muted mt-3">None</h4>
<nav>
  <ol>
    <li><a href="#">Home</a></li>
    <li><a href="#">Sports</a></li>
    <li><a href="#">Ball games</a></li>
    <li>Baseball</li>
  </ol>
</nav>