title: Trouble with the navigation bar when in mobile form in Bootstrap 3
body: <p><strong>Problem:</strong> When i previewed my website in mobile, i saw that there is no button for showing/hiding the navigation bar links and the links are now shown and can't be hidden. When i tested the navbars on <a href="http://getbootstrap.com/components/#navbar-fixed-top" rel="nofollow">http://getbootstrap.com/components/#navbar-fixed-top</a>, they work perfectly. 
  I tried reloading bootstrap but nothing happens.</p>
  
  <p>Is there something wrong with the code or did i miss something?</p>
  
  <p>Here is the fiddle:</p>
  
  <blockquote>
    <p><a href="https://jsfiddle.net/td9p60qr/" rel="nofollow">https://jsfiddle.net/td9p60qr/</a></p>
  </blockquote>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Jakob Aindreas Rivera&lt;/title&gt;
      &lt;style type="text/css" media="all"&gt;
        body { padding-top: 70px; }
      &lt;/style&gt;
      &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-7s5uDGW3AHqw6xtJmNNtr+OBRJUlgkNJEo78P4b0yRw= sha512-nNo+yCHEyn0smMxSswnf/OnX6/KwJuZTlNZBjauKhTK0c+zT+q5JOCx0UFhXQ6rJR9jg6Es8gPuD2uZcYDLqSw==" crossorigin="anonymous"&gt;
      &lt;script src="http://code.jquery.com/jquery-2.1.4.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;nav class="navbar navbar-default navbar-fixed-top"&gt;
        &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;a class="navbar-brand" href="index.html"&gt;Jakob Aindreas Rivera&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.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"&gt;Projects &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;&lt;a href="projects/projects.html"&gt;Projects Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="projects/glass.html"&gt;Glass&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="projects/clockjs.html"&gt;ClockJS&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="projects/pixelblocksmod.html"&gt;PixelBlocks Mod&lt;/a&gt;&lt;/li&gt;
               &lt;/ul&gt;
             &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
      &lt;div class="container"&gt;
        &lt;div class="jumbotron"&gt;
          &lt;h1&gt;Welcome to my webzone!&lt;/h1&gt;
          &lt;p&gt;Hello and my name is Jakob Aindreas Rivera, and this is my webzone. Feel free to browse the site!&lt;/p&gt;
          &lt;p&gt;Thank you for stopping by! ;)&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="page-header"&gt;
          &lt;h2&gt;News&lt;/h2&gt;
        &lt;/div&gt;
        &lt;article&gt;
          &lt;div class="row"&gt;
            &lt;div class="col-sm-6 col-md-4"&gt;
              &lt;div class="thumbnail"&gt;
                &lt;div class="caption"&gt;
                  &lt;h3&gt;PixelBlocks intial release soon!&lt;/h3&gt;
                  &lt;p&gt;THe new MC mod PixelBlocks will now have it's intial release date soon!&lt;/p&gt;
                  &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Read more&lt;/a&gt;&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/article&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>