title: Bootstrap select picker style not working
body: <p>With my code below, I am trying to style my bootstrapped select picker with the "btn-warning style" as seen here: <a href="https://silviomoreto.github.io/bootstrap-select/" rel="nofollow">https://silviomoreto.github.io/bootstrap-select/</a></p>
  
  <p>Here what my code looks like:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
  &lt;title&gt;Title&lt;/title&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;link rel="stylesheet" type="text/css" href="drake.css"/&gt;
  
  &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
  
  &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" media="screen" href="http://silviomoreto.github.io/bootstrap-select/stylesheets/bootstrap-select.css"&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="course2"&gt;
  
   &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
   &lt;script src="http://silviomoreto.github.io/bootstrap-select/javascripts/bootstrap-select.js"&gt;&lt;/script&gt;
  
   &lt;select class="selectpicker" data-style="btn-primary" data-width="500px"&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;script type="text/javascript"&gt;
   $(document).ready(function() {
    $('.selectpicker').selectpicker();
   });
   &lt;/script&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>As you can see, the select picker is not taking on the style or width attributes. What am I doing wrong? Thanks so much! </p>