title: Bootstrap datetimepicker style not displaying properly
body: <p>I'm trying to use bootstrap-datetimepicker but I can't make it show properly.
  I followed the installation part of the tutorial.</p>
  
  <p><strong>Screenshot</strong></p>
  
  <p>My result :</p>
  
  <p><a href="https://i.stack.imgur.com/kI6ZU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kI6ZU.png" alt="style not applied"></a></p>
  
  <p>The example from the doc :</p>
  
  <p><a href="https://i.stack.imgur.com/or3i8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/or3i8.png" alt="enter image description here"></a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div class="input-group date"&gt;
          &lt;label class="input-group-addon" for="add-event-start"&gt;&lt;span class=
          "glyphicon glyphicon-calendar"&gt;&lt;/span&gt;&lt;/label&gt;&lt;input class=
          "form-control" id="add-event-start" name="start" type="text"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$('#add-event-start').datetimepicker({
      allowInputToggle: true,
      locale: 'fr',
      icons: {
          time: "fa fa-clock-o",
          date: "fa fa-calendar",
          up: "fa fa-arrow-up",
          down: "fa fa-arrow-down",
      },
  });
  </code></pre>
  
  <p><strong>Head</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="css/font-awesome.min.css"&gt;
  &lt;link rel="stylesheet" href="css/animate.css"&gt;
  &lt;link rel="stylesheet" href="css/fullcalendar.min.css"&gt;
  &lt;link rel="stylehseet" href="css/bootstrap-datetimepicker.min.css"&gt;
  &lt;link rel="stylesheet" href="css/main.css"&gt;
  &lt;script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>Body</strong></p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/validator.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/moment/moment.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/moment/fr.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/fullcalendar/fullcalendar.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/fullcalendar/fr.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/typeahead.bundle.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I tried to remove some includes to prevent conflicts but i had the same result.
  Can someone tell what I am doing wrong ?</p>