UI Pattern: "Breadcrumb"

dabblet.css

/**
 * UI Pattern: "Breadcrumb"
 */

.breadcrumb {
  display: block; 
}

.breadcrumb a:link:after {
  content: "/";
  margin:0 .5em;
}

.breadcrumb a:last-child {
  font-weight: bold;
}

dabblet.html

<link rel=stylesheet href=//erikdavidjung.com/bootstrap.css>

<nav class="ui breadcrumb">
<a href=#>This is a link</a>
<a href=#>Lorem link</a>
<a href=#>Dolor link two</a>
<a href=#>Here is a link</a>
<a>Active Link</a>
</nav>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"all"}