title: Bootstrap 3 secondary menu using nav-pills below navbar
body: <p>I'm using Bootstrap 3 and would like to know if it's possible to add a secondary menu using nav-pills, but I want it to behave like a secondary navbar.</p>
  
  <p><a href="https://www.youtube.com/watch?v=0hquzXy252M" rel="nofollow">https://www.youtube.com/watch?v=0hquzXy252M</a></p>
  
  <p>My menu code html:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;
      &lt;ul class="nav nav-pills"&gt;
        &lt;li ng-class="{active: routeBeginsWith('/admin/users')}"&gt;&lt;a href="#/admin/users"&gt;&lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; User Management&lt;/a&gt;&lt;/li&gt;
        &lt;li ng-class="{active: routeBeginsWith('/admin/sites')}"&gt;&lt;a href="#/admin/sites"&gt;&lt;span class="glyphicon glyphicon-globe"&gt;&lt;/span&gt; Site Management&lt;/a&gt;&lt;/li&gt;
        &lt;li ng-class="{active: routeBeginsWith('/admin/email')}"&gt;&lt;a href="#/admin/email"&gt;&lt;span class="glyphicon glyphicon-envelope"&gt;&lt;/span&gt; Email Settings&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>