title: Change the style of Dropdown multi select list in Bootstrap
body: <p>I have two select lists. One is normal select list (Title) and the other is multi selection list (Choose Activities). The problem is that the multi selection list style is different than the normal one. I tried different bootstrap classes and even used the <code>Inspect</code> tool to change the multi selection style. </p>
  
  <p>The normal select list (This is the style I want to achieve for the other select list as shown in the screen shot below using bootstrap).</p>
  
  <pre><code>&lt;div class="form-group col-md-6 col-lg-6 col-sm-6"&gt;
      &lt;label&gt;Title&lt;/label&gt;
      &lt;select id="txtTitle" class="form-control"&gt;
          &lt;option value="default"&gt;Please Select&lt;/option&gt;
          &lt;option value="one"&gt;One&lt;/option&gt;
          &lt;option value="two"&gt;Two&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The multi select list:</p>
  
  <pre><code>&lt;div class="form-group col-md-6 col-lg-6 col-sm-6"&gt;
      &lt;label&gt;Choose Activities&lt;/label&gt;
      &lt;select id="DDLActivites" data-style="" class="selectpicker form-control" multiple data-max-options="2"&gt;
          &lt;option&gt;Mustard&lt;/option&gt;
          &lt;option&gt;Barbecue&lt;/option&gt;
       &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to make the multi select dropdown list same as the title dropdown list using bootstrap.</p>
  
  <p><a href="https://i.stack.imgur.com/uvq9X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uvq9X.png" alt="Screen shot of both drop down lists"></a></p>