anchor.diff:  
     <p>Clique nos links abaixo para ter uma ideia de como o layout poderá ficar:</p>
   
  -  <div class="doc-test-themes ls-group-btn ls-group-active">
  -    <a href="#" class="ls-btn-primary ls-active" data-toggle-class="ls-theme-green" data-target="html">ls-theme-green</a>
  -    <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-light-green" data-target="html">ls-theme-light-green</a>
  -    <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-blue" data-target="html">ls-theme-blue</a>
  -    <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-gold" data-target="html">ls-theme-gold</a>
  -    <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-gray" data-target="html">ls-theme-gray</a>
  -  </div>
  -  <br>
  -  <br>
  -<div data-ls-module="dropdown" class="ls-dropdown">
  -  <a href="#" class="ls-btn-primary">Users</a>
  +  <div class="ls-box-demo">
  +    <div class="doc-test-themes ls-group-btn ls-group-active">
  +      <a href="#" class="ls-btn-primary ls-active" data-toggle-class="ls-theme-green" data-target="html">ls-theme-green</a>
  +      <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-light-green" data-target="html">ls-theme-light-green</a>
  +      <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-blue" data-target="html">ls-theme-blue</a>
  +      <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-gold" data-target="html">ls-theme-gold</a>
  +      <a href="#" class="ls-btn-primary" data-toggle-class="ls-theme-gray" data-target="html">ls-theme-gray</a>
  +    </div>
  +    <br>
  +    <br>
  +    <div data-ls-module="dropdown" class="ls-dropdown">
  +      <a href="#" class="ls-btn-primary">Users</a>
   
  -  <ul class="ls-dropdown-nav">
  -    <%- 5.times do%>
  -      <li><a href="#"><%= lorem.name %></a></li>
  -    <% end %>
  -  </ul>
  -</div>
  -  <br>
  -  <br>
  -<div class="ls-topbar ls-no-position" style="position: static !important;">
  +      <ul class="ls-dropdown-nav">
  +        <%- 5.times do%>
  +        <li><a href="#"><%= lorem.name %></a></li>
  +        <% end %>
  +      </ul>
  +    </div>
  +
  +    <hr>
  +
  +    <div class="ls-topbar ls-no-position" style="position: static !important;">
   
         <!-- Notification bar -->
         <div class="ls-notification-topbar">
  
positive.code:         <!-- User details -->
          <div data-ls-module="dropdown" class="ls-dropdown ls-user-account">
            <a href="#" class="ls-ico-user">
              Phil Pearson
              <small>(lstyle)</small>
            </a>
            <nav class="ls-dropdown-nav ls-user-menu">
              <ul>
  
negative.code:         </div>
        </div>
  
        <span class="ls-ico-menu"></span>
  
        <!-- Nome do produto/marca -->
        <h1 class="ls-brand-name"><a class="ls-ico-earth" href="/documentacao/exemplos/boilerplate">Boilerplate</a></h1>
      </div>
    </div>
  
  <p><strong>*</strong>Exemplo de topbar não funcional, apenas para mostrar a mudança de tema.</p>
  </section>
  
  