css - 顶部的 Bootstrap 选择选项

Question

我正在为我的网站使用 Boostrap。

我在 footer 中添加了一个表单，以便我们可以更改语言，但是选择选项不在页面中。

    <footer>
      <form role="form" method="GET">
          <div style="float: right">
          <select name="lang" class="form-control" style="height: auto; font-size: 15px; padding: 1px 5px" onchange="this.form.submit()">
            <option value="<?php echo $local ?>"><?php echo $localtxt ?></option>
            <option value="<?php echo $local2 ?>"><?php echo $localtxt2 ?></option>
          </select>
        </div>
      </form>
   </footer>

What can I do to show the item at the top instead of the bottom ?

谢谢!

Answer 1

如果我正确理解你的问题，Bootstrap 有一个“dropup”类，它应该做你想做的。将 Dropup 类添加到选择列表的包含 div 中:

 <div class="dropup">
     <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 </div>

您还可以查看 Bootstrap 文档，其中显示了如何实现 Dropup 类:

http://getbootstrap.com/components/#dropdowns-example