Bootstrap3: Navbar Menu in header

gistfile1.txt

    <!--navbar header container-->
    <header class="container">
      <div id="menu" class="navbar navbar-fixed-top navbar-default">

        <div class="navbar-header">
          <button class="navbar-toggle btn btn-primary btn-xs mgm-btn-xs"
            data-toggle="collapse"
            data-target=".navbar-collapse">
            <span class="glyphicon glyphicon-chevron-down" />
          </button>

          <div id="logo">
            <a href='.'>
              <h4><span class="mgm-oline">Metro Golf Mobile</span></h4>
            </a>
          </div>
        </div>

        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="nav "><a class="btn btn-primary btn-sm mgm-btn-sm" href=".">Home</a></li>
            <li class="nav"><a class="btn btn-success btn-sm mgm-btn-sm" href="about.html">About</a></li>
            <li class="nav active"><a class="btn btn-warning btn-sm mgm-btn-sm" href="contact.html">Contact</a></li>
          </ul>
        </div>
      </div>
    </header>