patternfly/tests/pages/_includes/widgets/layouts/navbar-vertical.html

This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations.

{% assign launchergrid = include.launchergrid %}
{% assign launchericons = include.launchericons %}
<nav class="navbar navbar-pf-vertical{% if page.contextselector %} navbar-pf-contextselector{% endif %}">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a href="/" class="navbar-brand{% if page.contextselector %} hidden-sm hidden-xs{% endif %}">
      {% if site.navbar-pf-navbar-brand-icon %}<img class="navbar-brand-icon" src="{{site.assets-base}}/{{site.navbar-logo-alt-icon}}" alt=""/>{% endif %}<img class="navbar-brand-name" src="{{site.assets-base}}/{{site.navbar-brand-alt-icon}}" alt="{{site.title-product}}" />
    </a>
    {% if page.contextselector %}
    {% include widgets/framework/context-selector.html %}
    {% endif %}
  </div>
  <nav class="collapse navbar-collapse">
    <ul class="nav navbar-nav navbar-right navbar-iconic navbar-utility">
      {% if page.applauncher %}
      {% include widgets/framework/application-launcher.html icons=launchericons grid=launchergrid %}
      {% endif %}
      <li class="dropdown">
        <a href="#0" class="dropdown-toggle nav-item-iconic" id="dropdownMenu1{{include.navindex}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
          <span title="Help" class="fa pficon-help"></span>
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1{{include.navindex}}">
          <li><a href="#0">Help</a></li>
          <li><a href="#0">About</a></li>
        </ul>
      </li>
      <li class="dropdown">
        <a href="#0" class="dropdown-toggle nav-item-iconic" id="dropdownMenu2{{include.navindex}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
          <span title="Username" class="fa pficon-user"></span>
          Brian Johnson <span class="caret"></span>
        </a>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenu2{{include.navindex}}">
          <li><a href="#0">Preferences</a></li>
          <li><a href="#0">Logout</a></li>
        </ul>
      </li>
    </ul>
  </nav>
  {% if include.notification-drawer %}
  {% include widgets/notification-drawer.html %}
  {% endif %}
</nav> <!--/.navbar-->