Sidebar layout example
<div class="page-sidebar-fixed">
<nav class="navbar navbar-default navbar-fixed-top ">
...
</nav>
<div class="sidebar overflow">
<ul class="nav">
<li class="has-sub clickable active">
<a href="#">
<span>Sidebar Title</span>
</a>
<ul class="sub-menu">
<li class="active">
<a class="clickable">
Active side menu item title
</a>
</li>
<li>
<a class="clickable">
Side menu item title
</a>
</li>
<li>
<a class="clickable">
Side menu item title
</a>
</li>
<li>
<a class="clickable">
Side menu item title
</a>
</li>
</ul>
</li>
</ul>
</div>
<main class="content flex flex-column">
<ol class="breadcrumb">
<li><a>Breadcrumb</a></li>
</ol>
<div class="flex-grow p-base overflow">
<h1>Sidebar layout example</h1>
...
</div>
</main>
</div>