title: Why does the toggle navigation button show?
body: <p>I am trying to create a bootstrap css navbar that shows a black navigation bar at the top and it is mobile responsive. Instead the toggle navigation button shows and no navbar. Why does the toggle navigation button show?</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html"; 
      charset="utf-        8"&gt;
          &lt;meta charset="UTF-8"&gt;
  
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          &lt;meta name="author" content=""&gt;
  
          &lt;title&gt;Local Web Hosting&lt;/title&gt;
  
          &lt;!--Bootstrap core CSS--&gt;
          &lt;link href="assets/css/bootstrap.min.js" rel="stylesheet"&gt;
  
          &lt;link rel="stylesheet" href="style_4.css" type="text/css"&gt;
  
          &lt;link rel="stylesheet" type="text/css" href="normalize.css"&gt;
  
          &lt;!-- Meta Description. For Search Engines. For more about 
      &lt;meta&gt;    tags: w3schools.com/tags/tag_meta.asp--&gt;
          &lt;meta name="description" content="A web hosting website."&gt;
  
          &lt;!--[if IE]&gt;
          &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"
      &gt;  &lt;/script&gt;
          &lt;!--[endif]--&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
  
      &lt;!--HEADER
      ===================================--&gt;
      &lt;header class="site-header" role="banner"&gt;
  
          &lt;!--NAVBAR
          ===================================--&gt;
          &lt;div class="navbar-wrapper"&gt;
  
              &lt;div class="navbar navbar-inverse 
      navbar-fixed-top"   role="navigation"&gt;
  
                  &lt;div class="container"&gt;
                      &lt;div class="navbar-header"&gt;
                          &lt;button type="button" class="navbar-toggle" 
      data-   toggle="collapse" data-target=".navbar-collapse"&gt;
                              &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                              &lt;span class="icon-bar"&gt;&lt;/span&gt;
                              &lt;span class="icon-bar"&gt;&lt;/span&gt;
                              &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;/button&gt;
                          &lt;a class="navbar-brand" href="/"&gt;
      &lt;img    src="images/logo.png" alt="Web Hosting Company"&gt;&lt;/a&gt;
                      &lt;/div&gt;&lt;!--navbar-header--&gt;
                      &lt;div class="navbar-collapse collapse"&gt;
                          &lt;ul class="nav navbar-nav navbar-right"&gt;
                      &lt;li class="active"&gt;&lt;a href="home.html"&gt;HOME&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="about.html"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="hosting_plans.html"&gt;HOSTING PLANS&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="features.html"&gt;FEATURES&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="contact_us.html"&gt;CONTACT US&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;&lt;!--nav--&gt;
                      &lt;/div&gt;&lt;!--navbar-collapse--&gt;
                  &lt;/div&gt;&lt;!--container--&gt;
  
              &lt;/div&gt;&lt;!--navbar--&gt;
  
          &lt;/div&gt;&lt;!--navbar-wrapper--&gt;
  
      &lt;/header&gt;
  </code></pre>