title: Bootstrap select option on top
body: <p>I'm using <strong>Boostrap</strong> for my website.</p>
  
  <p>I have added a form in <code>footer</code> so that we can change the language, but the select options comes out of the page.</p>
  
  <pre><code>    &lt;footer&gt;
        &lt;form role="form" method="GET"&gt;
            &lt;div style="float: right"&gt;
            &lt;select name="lang" class="form-control" style="height: auto; font-size: 15px; padding: 1px 5px" onchange="this.form.submit()"&gt;
              &lt;option value="&lt;?php echo $local ?&gt;"&gt;&lt;?php echo $localtxt ?&gt;&lt;/option&gt;
              &lt;option value="&lt;?php echo $local2 ?&gt;"&gt;&lt;?php echo $localtxt2 ?&gt;&lt;/option&gt;
            &lt;/select&gt;
          &lt;/div&gt;
        &lt;/form&gt;
     &lt;/footer&gt;
  </code></pre>
  
  <blockquote>
    <p><strong>What can I do to show the item at the top instead of the bottom ?</strong></p>
  </blockquote>
  
  <p>Thank you!</p>