title: Bootstrap navigation bar broken
body: <p>I have just started learning bootstrap, I am following a tutorial out of the "Joy of bootstrap book" I have the source code for a responsive navigation bar, for some reason (I wrote the code exact, checking it over and over) when you click the button in mobile mode, <strong>Nothing happens</strong>. Im wondering has something changed in bootstrap where this old code(2014-15) does not work?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;title&gt;Welcome&lt;/title&gt;
    &lt;!-- Latest compiled and minified Bootstrap CSS --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
    &lt;!-- Custom stylesheet positiond below Bootstrap to alow customization --&gt;
    &lt;link rel="stylesheet" type="text/css" href="css/stylesheet.css"&gt;
    &lt;!-- Ensures proper rendering and touch zooming --&gt;
    &lt;meta name="viewport" content="width=device.width, initial-scale=1"&gt;
    &lt;meta http-equiv="author" content="Michael Barley" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;!-- Makes sure user has JavaScript turned on --&gt;
    &lt;noscript&gt;Please enable JavaScript in your browser&lt;/noscript&gt;
    &lt;!-- Fixed navigation bar --&gt;
    &lt;div class="navbar navbar-default 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="colapse" data-target=".navbar-collapse"&gt;
            &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
            &lt;!-- Displays three little icons --&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;example&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="navbar-collapse collapse"&gt;
          &lt;!-- Navigation Pages --&gt;
          &lt;ul class="nav navbar-nav"&gt;
            &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="#Specifying"&gt;Specifying&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="#MarketSectors"&gt;Market Sectors&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="#EtradingEcomerce"&gt;E-trading / E-commerce&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="container"&gt;
      &lt;footer&gt;&amp;copy2016&lt;/footer&gt;
    &lt;/div&gt;
    &lt;!-- Jquery (necessary for Bootstrap's JavaScript plugins) --&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"&gt;
    &lt;/script&gt;
    &lt;!-- Latest compiled and minified Bootstrap JavaScript --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>