title: Bootstrap navbar vertical not horizontal
body: <p>I am making a mobile responsive site with Bootstrap 3.3.4. 
  I will be making it with server side includes when I can get the web.config file written up since I am using an IIS server. </p>
  
  <p>This is what the nav bar looks like with just the bar. This is what I want it to look like. </p>
  
  <p>Does Bootstrap not like PHP?</p>
  
  <p><a href="http://hurricanetracking.us/nav.html" rel="nofollow">http://hurricanetracking.us/nav.html</a> </p>
  
  <p>Other elements on the page. 
  <a href="http://hurricanetracking.us/new.php" rel="nofollow">http://hurricanetracking.us/new.php</a> </p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;a class="navbar-brand" href="#"&gt;Hurricane Tracking&lt;/a&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;li class="active"&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="cat.php"&gt;Category Information&lt;/a&gt;&lt;/li&gt; 
          &lt;li class="dropdown"&gt;
            &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Current
              &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="Ana.php"&gt;Ana&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Bill.php"&gt;Bill&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Claudette.php"&gt;Claudette&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Danny.php"&gt;Danny&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Erika.php"&gt;Erika&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Fred.php"&gt;Fred&lt;/a&gt;&lt;/li&gt;--&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li class="dropdown"&gt;
            &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Historical
              &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="Ana.php"&gt;Ana&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Bill.php"&gt;Bill&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Claudette.php"&gt;Claudette&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Danny.php"&gt;Danny&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Erika.php"&gt;Erika&lt;/a&gt;&lt;/li&gt;
          &lt;!--&lt;li&gt;&lt;a href="Fred.php"&gt;Fred&lt;/a&gt;&lt;/li&gt;--&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
        &lt;ul class="nav navbar-nav navbar-right"&gt;
          &lt;li&gt;&lt;a href="signup.php"&gt;&lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; Sign Up&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="signin.php"&gt;&lt;span class="glyphicon glyphicon-log-in"&gt;&lt;/span&gt; Login&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>