Breadcrumb

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item is-root active" aria-current="page">
            <i class="icon icon-home"></i>
            <span class="sr-only">Startseite</span>
        </li>
    </ol>
</nav>

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item is-root">
            <a href="#">
                <i class="icon icon-home"></i>
                <span class="sr-only">Startseite</span>
            </a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">Produkte</li>
    </ol>
</nav>

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item is-root">
            <a href="#">
                <i class="icon icon-home"></i>
                <span class="sr-only">Startseite</span>
            </a>
        </li>
        <li class="breadcrumb-item"><a href="#">Produkte</a></li>
        <li class="breadcrumb-item active" aria-current="page">Internet</li>
    </ol>
</nav>

<nav class="bg-primary text-white" aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item is-root">
            <a href="#">
                <i class="icon icon-home"></i>
                <span class="sr-only">Startseite</span>
            </a>
        </li>
        <li class="breadcrumb-item"><a href="#">Produkte</a></li>
        <li class="breadcrumb-item active" aria-current="page">Internet</li>
    </ol>
</nav>