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>