顶部的Bootstrap选择选项

时间:2017-05-11 08:22:45

标签: css twitter-bootstrap

我在网站上使用 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>
  

如何在顶部而非底部展示商品?

谢谢!

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题,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