Add top- navigation menu

Hi!

I love this awesome theme. It’s pretty clean and sleek and works well for what I need. However, I am having trouble adding a top navigation bar and floating footer bar. You can see an example of both by visiting my home page

Here is an example of the code. Now I am somewhat clear as to how and where to add it, but can’t understand for the lift of me why it doesn’t stay horizontally across the top. It instead appears as a vertical ordered list that is justified right. Please help. :/

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Page 1</a></li>
        <li><a href="#">Page 2</a></li>
        <li><a href="#">Page 3</a></li>
      </ul>
    </div>
  </div>
</nav>