title: Bootstrap is not working under Admin template
body: <p>I am using Bootstrap template <a href="https://startbootstrap.com/themes/sb-admin-2/" rel="nofollow noreferrer">https://startbootstrap.com/themes/sb-admin-2/</a></p>
  <p>While debugging through console I'm getting the following error:</p>
  <blockquote>
  <p>Uncaught TypeError: $(...).datetimepicker is not a function</p>
  </blockquote>
  <p>My header section</p>
  <pre><code>&lt;!-- Custom fonts for this template--&gt;
  &lt;link href=&quot;{{URL::asset('vendor/fontawesome-free/css/all.min.css')}}&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- Datepicker stylesheet --&gt;
  &lt;!-- &lt;link rel=&quot;stylesheet&quot; href=&quot;http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css&quot;&gt; --&gt;
  &lt;link href=&quot;http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- Datepicker script --&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js&quot;&gt;&lt;/script&gt;
  
  &lt;!--  Stylesheet --&gt;
  &lt;link href=&quot;{{URL::asset('css/sb-admin-2.min.css')}}&quot; rel=&quot;stylesheet&quot;&gt;
  </code></pre>
  <p>Below is HTML for Bootstrap date picker</p>
  <pre><code>&lt;!-- Start of Datepicker --&gt;
  &lt;div class=&quot;input-group form-group&quot;&gt;
      &lt;div class='col-sm-6'&gt;
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;div class='input-group date' id='datetimepicker1'&gt;
                  &lt;input type='text' class=&quot;form-control&quot; /&gt;
                  &lt;span class=&quot;input-group-addon&quot;&gt;
                      &lt;span class=&quot;glyphicon glyphicon-calendar&quot;&gt;&lt;/span&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- End of DatePicker --&gt;
    
  
  &lt;!-- DatePicker Script --&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;
      $(function() {
          $('#datetimepicker1').datetimepicker();
      });
  &lt;/script&gt;
  &lt;!-- End of Datepicker Script --&gt;
  </code></pre>
  <p><strong>Note:</strong> I have commented on Datepicker Bootstrap Stylesheet in order to avoid stylesheet overlap issues.</p>
  <p>Let me know what I may be doing wrong.</p>
  <p>Thanks</p>