title: bootstrap-select dropdown making it work on mobile
body: <p>I am having really hard time with this. Can someone please help? </p>
  
  <p>I want to have native dropdown kick in for Mobile Devices</p>
  
  <ol>
  <li><p><a href="http://jsfiddle.net/4UjVr/4/" rel="noreferrer">http://jsfiddle.net/4UjVr/4/</a>  </p></li>
  <li><p>Docs: <a href="http://silviomoreto.github.io/bootstrap-select/#mobile" rel="noreferrer">http://silviomoreto.github.io/bootstrap-select/#mobile</a> </p></li>
  </ol>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    $('#desktop').selectpicker({
      container: 'body'
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="https://dl.dropboxusercontent.com/u/120557/Expires/12-2014/bootstrap-select.js"&gt;&lt;/script&gt;
  &lt;link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css" rel="stylesheet" /&gt;
  
  
  &lt;select id="desktop" data-live-search="true"&gt;
    &lt;option&gt;cow&lt;/option&gt;
    &lt;option&gt;bull&lt;/option&gt;
    &lt;option&gt;cow&lt;/option&gt;
    &lt;option&gt;Test2&lt;/option&gt;
    &lt;option&gt;Tes3&lt;/option&gt;
    &lt;option&gt;Tes4&lt;/option&gt;
  
    &lt;option class="get-class" disabled&gt;ox&lt;/option&gt;
    &lt;optgroup label="test" data-subtext="another test" data-icon="icon-ok"&gt;
      &lt;option&gt;ASD&lt;/option&gt;
      &lt;option&gt;Bla&lt;/option&gt;
      &lt;option&gt;Ble&lt;/option&gt;
    &lt;/optgroup&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to have native dropdown kick in for Mobile Devices</p>