title: Bootstrap datepicker dropdown not dropping
body: <p>I've tried removing and adding things but the dropdown still won't drop. I'm not sure what the problem is. I added the less files which includes the dropdown but still nothinh changed. The textbox is working though. Here's what the code looks like</p>
  
  <pre><code>    &lt;html&gt;
      &lt;head&gt;&lt;link rel="stylesheet" type="text/css" media="screen"
                href="css/datepicker3.css"&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet/less" href="less/dropdowns.less"&gt;
      &lt;link rel="stylesheet/less" href="less/sprites.less"&gt;
      &lt;/head&gt;
      &lt;body&gt;
  &lt;div class="input-group date" data-date-format="dd-mm-yyyy"&gt;
              &lt;input type="text" class="form-control" name="date"&gt;&lt;span class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-th"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
  
  
          $('.input-group.date').datepicker({
                   changeMonth: true;
                   changeYear: true;
          });
          &lt;/script&gt;
      &lt;script type="text/javascript"
              src="js/jquery-1.11.2.min.js"&gt;
      &lt;/script&gt;
  
      &lt;/script&gt;
      &lt;script type="text/javascript"
              src="js/bootstrap.js"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"
              src="js/bootstrap.min.js"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"
                  src="js/bootstrap-datepicker.js"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"
              src="js/bootstrap-datepicker.en-GB.js"&gt;
                  &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>