title: bootstrap-select default styling seems incorrect
body: <p>I am using the awesome <a href="https://developer.snapappointments.com/bootstrap-select/" rel="nofollow noreferrer">bootstrap-select</a> jQuery plugin, but there are two odd default styles that are occurring.  After loading the relevant CSS and JS files into my website, This is the default styling that occurs for ALL my selectboxes (without updating my select boxes at all with any sort of attributes).</p>
  
  <p><a href="https://i.stack.imgur.com/fJmyP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fJmyP.png" alt="default styling"></a></p>
  
  <p><strong>Environment</strong></p>
  
  <ul>
  <li>Wordpress: 5.2.2</li>
  <li>Theme: <a href="https://wordpress.org/themes/wp-bootstrap-starter/" rel="nofollow noreferrer">WP Bootstrap Starter</a></li>
  </ul>
  
  <p><strong>Two oddities :</strong></p>
  
  <ul>
  <li>All of my select boxes appear to have the bootstrap <code>btn-danger</code> class on them.  I don't know why it has this as opposed to the <code>btn-default</code> class.</li>
  <li>At a certain break point the padding disappears for the options (as displayed, flushed up against the border).</li>
  </ul>
  
  <p><strong>Code that enqueues the javascript and css:</strong></p>
  
  <pre><code>function my_scripts() {
    wp_register_style( 'bootstrap-select-css-cdn', 'https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css' );
    wp_enqueue_style('bootstrap-select-css-cdn');
  
    wp_register_script( 'bootstrap-select-js-cdn', 'https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js', null, null, true );
    wp_enqueue_script('bootstrap-select-js-cdn');
  }
  add_action('wp_enqueue_scripts', 'my_scripts');
  </code></pre>
  
  <p><strong>For completeness</strong> Here is my code for the select box:</p>
  
  <pre><code>&lt;div class="form-group col-sm-3"&gt;
    &lt;label for='order'&gt;Order:&lt;/label&gt;&lt;br&gt;
    &lt;select name='order' id='order' class="form-control"&gt;
      &lt;option value='ASC'&gt;ASC&lt;/option&gt;
      &lt;option value='DESC'&gt;DESC&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And when I inspect the markup within the browser, here is what it shows:</p>
  
  <p><a href="https://i.stack.imgur.com/RXyYc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RXyYc.png" alt="markup"></a></p>
  
  <p><strong>So two questions:</strong> </p>
  
  <ol>
  <li>Why is this happening?  I highly doubt this is the default behavior.</li>
  <li>How can I fix this?  How can I make the select boxes, site wide, be "btn-default" as opposed to "btn-danger".  Also: how can I add the padding back in for the options on the break point that it is disappearing?</li>
  </ol>