Widget Breadcrumbs

Live-Beispiel

HTML-Quelltext

<nav class="gs_rootline d-none d-lg-flex align-items-center" aria-labelledby="breadcrumb-label-104622">
  <span id="breadcrumb-label-104622">Sie sind hier:</span> 
  <ol class="list-group list-group-horizontal flex-wrap">
    <li> <a href="/styleguide/home">Styleguide</a> </li>
    <li> <a href="/styleguide/widgets">Widgets</a> </li>
    <li aria-current="page" class="gs_dropdown_toggle" tabindex="0" aria-expanded="false">
      Breadcrumbs 
      <ul class="gs_dropdown_content" role="listbox" aria-haspopup="listbox">
        <li> <a role="option" href="/styleguide/widgets/breadcrumbs/unterseite-a">Unterseite A</a> </li>
        <li> <a role="option" href="/styleguide/widgets/breadcrumbs/unterseite-b">Unterseite B</a> </li>
      </ul>
    </li>
  </ol>
</nav>