title: Why my bootstrap-datepicker does not have icon-calendar?
body: <p>I am trying to use <a href="https://github.com/eternicode/bootstrap-datepicker" rel="noreferrer">bootstrap-datepicker</a>.</p>
  
  <p>I have included the <code>datepicker.css</code> and <code>bootstrap-datepicker.js</code> like this:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
  &lt;link rel="stylesheet" href="css/datepicker.css"&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap-datepicker.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Then in my div, I did like this:</p>
  
  <pre><code>&lt;div class="input-append date" id="dp2" data-date="15-07-2013" data-date-format="dd-mm-yyyy"&gt;
     &lt;input class="span2" size="16" type="text" value="15-07-2013" readonly&gt;
     &lt;label class="add-on"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then at last, I did like this:</p>
  
  <pre><code>&lt;script&gt;
  
      $(function(){
  
        $('#dp2').datepicker();
  
        });
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>I can see the date picker, but without the <strong>icon</strong>.</p>
  
  <p><img src="https://i.stack.imgur.com/lO3nx.png" alt="enter image description here"></p>
  
  <p>I wish to have like:</p>
  
  <p><img src="https://i.stack.imgur.com/WFwOD.png" alt="enter image description here"></p>
  
  <p><strong>What I did wrong?</strong></p>
  
  <hr>
  
  <p><strong>Edit</strong></p>
  
  <p>My full code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Date&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta content="text/html; charset=UTF-8" http-equiv="Content-Type"&gt;
      &lt;link rel="stylesheet" href="themes/readable/bootstrap.css"&gt;
      &lt;link rel="stylesheet" href="css/datepicker.css"&gt;
      &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap-datepicker.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;div class="container"&gt;
        &lt;div class="well"&gt;
          &lt;h4&gt;Date Picker&lt;/h4&gt;
      &lt;div class="input-append date" id="dp2" data-date="15-07-2013" data-date-format="dd-mm-yyyy"&gt;
        &lt;input class="span2" size="16" type="text" value="15-07-2013"&gt;
        &lt;label class="add-on"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/label&gt;
      &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;script&gt;
  
        $(function(){
  
        $('#dp1').datepicker();
        $('#dp2').datepicker();
  
        });
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>