title: Dropdown using bootstrap select gives blank dropdown
body: <p>I have been looking at other related questions but I was unable to solve my query. I am using <code>PDO:postgresql-php</code> to retrieve values from database and display options in the <code>dropdown</code> using select options. The code was working till I used <code>bootstrap-selectpicker</code> and since then I am unable to see values in dropdown. You can see the code below:</p>
  
  <pre><code>&lt;select class="selectpicker" data-style="btn-info"&gt;
             &lt;option hidden&gt;&lt;h4&gt;Please select the lake&lt;/h4&gt;&lt;/option&gt;
             &lt;?php
                   $sql=$conn-&gt;prepare("select colname from public.table where id&lt; 5"); 
          $sql-&gt;execute();
          if (!$sql) {     die('Could not connect: '); }
          while ($row = $sql-&gt;fetch()){
              echo '&lt;option value="'.htmlspecialchars($row['colname']).'"&gt;'.htmlspecialchars($row['colname']).'&lt;/option&gt;';
          }
  
     ?&gt;
       &lt;/select&gt;  
      &lt;script&gt;
            $(document).ready(function(){
            $('.selectpicker').selectpicker(
              style: 'btn-info',
              size: 4
              );
  
            });
      &lt;/script&gt;
  </code></pre>
  
  <p>What am I missing here?</p>