Lunds universitet - Style Guide

Breadcrumbs 

<div class="container pt-2 pt-lg-3 ">
    <nav aria-label="Brödsmulor">
        <ol class="breadcrumb m-0 p-0 mb-0 font-size-sm  bg-transparent">
            <li class="breadcrumb-item mb-0"><a href="../../#.html">Start</a></li>
            <li class="breadcrumb-item mb-0"><a href="../../#.html">Utbildning</a></li>
            <li class="breadcrumb-item mb-0"><a href="../../#.html">Program och kurser</a></li>
            <li class="breadcrumb-item mb-0"><a href="../../#.html">Fristående kurser</a></li>
            <li class="breadcrumb-item mb-0 active" aria-current="page">Företagsekonomi</li>
        </ol>
    </nav>
</div>
 
<div class="container pt-2 pt-lg-3 {{modifiers modifiers}}">
  <nav aria-label="Brödsmulor">
    <ol class="breadcrumb m-0 p-0 mb-0 font-size-sm  bg-transparent">
      {{#each items}}
        {{#unless @last}}
          <li class="breadcrumb-item mb-0"><a href="{{#if link}}{{path link}}{{/if}}">{{text}}</a></li>
        {{else}}
          <li class="breadcrumb-item mb-0 active" aria-current="page">{{text}}</li>
        {{/unless}}
      {{/each}}
    </ol>
  </nav>
</div>
 
{
  "items": [
    {
      "link": "#",
      "text": "Start"
    },
    {
      "link": "#",
      "text": "Utbildning"
    },
    {
      "link": "#",
      "text": "Program och kurser"
    },
    {
      "link": "#",
      "text": "Fristående kurser"
    },
    {
      "link": "#",
      "text": "Företagsekonomi"
    }
  ]
}

No notes defined.