title: Bootstrap dropdown select option but for a form instead of <a>
body: <p>I have a <strong>form</strong> with bootstrap dropdown. But when I try to make it to a form 'select'  it looses all the 'primary' styling.  How do I keep that?</p>
  <pre><code>How do I convert this to have the &lt;option value=&quot;x&quot;&gt;&lt;/option&gt; format? 
  but still having the same primary-button look? Thanks..
  
  
  &lt;div class=&quot;dropdown&quot;&gt;
  &lt;button class=&quot;btn btn-primary dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; aria-expanded=&quot;false&quot; type=&quot;button&quot;&gt;Choose an option&amp;nbsp;&lt;/button&gt;
    &lt;div class=&quot;dropdown-menu&quot;&gt;
         &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Option 1&lt;/a&gt;
         &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Option 2&lt;/a&gt;
         &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Option 3&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  </code></pre>
  <p><a href="https://i.stack.imgur.com/BRqlR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BRqlR.png" alt="enter image description here" /></a></p>