Deriving from Bootstrap

nav.html

<nav class="ht-navbar">
  <div>
    <a>Brand</a>
  </div>
  <div>
    <ul>
      <li><a>First tab</a></li>
      <li><a>Second tab</a></li>
    </ul>
  </div>
</nav>

nav.sass

.ht-navbar
  @extend .navbar
  @extend .navbar-default
  > div::first-child
    @extend .navbar-header
    > a
      @extend .navbar-brand
  > div::last-child
    @extend .container-fluid
    > ul
      @extend .nav
      @extend .navbar-nav

Simply put, Bootstrap should usually not "bleed" into your DOM.