title: How to adjust height of the selectpicker dropdown
body: <p>I have a selectpicker (bootstrap) in my page which options are loading dyanmically. It has a large number of list but not good to see. I want to reduce the height of the selectpicker. I have give inline style and all but it is not reflecting.</p>
  
  <p>this is my code</p>
  
  <pre><code>&lt;select class="selectpicker" data-dropup-auto="false" id="estType" name="estType"&gt;
     &lt;option selected disabled value="0"&gt;Select&lt;/option&gt;'
  &lt;/select&gt;
  </code></pre>
  
  <p>My js code</p>
  
  <pre><code>$function ({
      $.ajax({
          datatype: "json",
          type: "GET",
          async: false,
          url: "Establishment/GetPrePopulationDetails",
          success: function (result, success) {
              var esttypes = $.map(result['EstablishmentTypes'],
                  function (key, value) {
                      return $('&lt;option&gt;', { value: value, text: key });
                  });
              $('#estType').append(esttypes);
          },
          error: function (xhr, ajaxOptions, thrownError) {
              console.error(xhr.status);
              console.error(thrownError);
          }
      });
  });
  </code></pre>