title: Bootstrap collapse not showing content when clicked
body: <p>I have just started learning bootstrap.I have encountered this problem regarding collapse.Collapse is not showing content when clicked.It does nothing when its clicked,I have tried everything from updating jquery's link ,removing button div out of header,using id instead of class in ul's parent div but nothing seems to be working for me.I know it must be a newbie mistake but for some reason i cant figure it out.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&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, initialscale=
  1"&gt;
  &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
  &lt;!-- Bootstrap --&gt;
  &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5
  elements and media queries --&gt;
  &lt;!-- WARNING: Respond.js doesn't work if you view the
  page via file:// --&gt;
  &lt;!--[if lt IE 9]&gt;
  &lt;script src="https://oss.maxcdn.com/libs/html5shiv/
  3.7.0/html5shiv.js"&gt;&lt;/script&gt;
  &lt;script src="https://oss.maxcdn.com/libs/respond.js/
  1.4.2/respond.min.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="navbar navbar-default"&gt;
  &lt;div class="container"&gt;
  &lt;div class="navbar-header"&gt;
  &lt;a href="" class="navbar-brand"&gt;My Website&lt;/a&gt;
  &lt;button type="button" class="navbar-toggle" datatoggle="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;/div&gt;
  &lt;div class="collapse navbar-collapse"&gt;
  &lt;ul class="nav navbar-nav"&gt;
  &lt;li class="active"&gt;&lt;a href=""&gt;Page 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Page 2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Page 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;h1&gt;Hello, world!&lt;/h1&gt;
  
  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/
  jquery.min.js"&gt;&lt;/script&gt;   
  &lt;!-- Include all compiled plugins (below), or include individual files
  as needed --&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>