title: How to setup bootstrap-datepicker
body: <p>I am trying to use the <a href="http://www.eyecon.ro/bootstrap-datepicker/" rel="nofollow noreferrer">bootstrap-datepicker</a>. The problem is that I am getting only the input filed without no styles.
  Here are my includes:</p>
  <pre><code>&lt;link href=&quot;../css/bootstrap.css&quot; rel=&quot;stylesheet&quot; media=&quot;screen&quot;&gt;
  &lt;link href=&quot;../css/datepicker.css&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link href=&quot;../css/main.css&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;script src=&quot;../js/jquery.js&quot;&gt;&lt;/script&gt;
  &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
  &lt;!--[if lt IE 9]&gt;
          &lt;script src=&quot;../js/assets/html5shiv.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;../js/assets/respond.min.js&quot;&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  &lt;script src=&quot;../js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;../js/assets/bootstrap-datepicker.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;../js/main.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>here is the html:</p>
  <pre><code>&lt;div class=&quot;input-append date&quot; data-date=&quot;12-02-2012&quot; data-date-format=&quot;dd-mm-yyyy&quot;&gt;
      &lt;input id=&quot;dp3&quot; size=&quot;16&quot; type=&quot;text&quot; value=&quot;12-02-2012&quot;/&gt;
      &lt;span class=&quot;add-on&quot;&gt;&lt;i class=&quot;icon-calendar&quot; id=&quot;cal2&quot;&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  <p>and here is the javascript :</p>
  <pre><code>$('#dp3').datepicker();
  </code></pre>
  <p>what is wrong??</p>
  <p><strong>Note:</strong>
  No when I focus into the input the calender appears but there is no icon.</p>