title: How to use Bootstrap-select?
body: <p>I’m new to this. I’m trying the <strong>Bootstrap-select</strong> but I’m not getting the desired effect like here <a href="https://developer.snapappointments.com/bootstrap-select/" rel="nofollow noreferrer">https://developer.snapappointments.com/bootstrap-select/</a>. I have downloaded the files and pointed to the CSS and JS in the head. I have enabled Bootstrap-select via JavaScript in the head as well and still not working – I’m just getting the default appearance. Here is my complete code. What am I doing wrong here? Any tips will be appreciated.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"&gt;
  &lt;title&gt;Untitled 1&lt;/title&gt;
  &lt;link href="bootstrap-master/docs/assets/css/bootstrap.css" rel="stylesheet" /&gt;
  &lt;link href="bootstrap-master/docs/assets/css/bootstrap-select.css" rel="stylesheet" /&gt;
  &lt;script src="bootstrap-master/docs/assets/js/bootstrap-select.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script&gt;
  $('.selectpicker').selectpicker({
        style: 'btn-info',
        size: 4
    });
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;select class="selectpicker"&gt;
      &lt;option&gt;Mustard&lt;/option&gt;
      &lt;option&gt;Ketchup&lt;/option&gt;
      &lt;option&gt;Relish&lt;/option&gt;
  &lt;/select&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>