当textarea位于页面底部时显示引导程序dropup

Question

我正在尝试使用typeahead.js来显示一些名称。我的页面底部有一个textarea，想在textarea上方显示菜单。 我提到@koala_dev response非常适合我的实施。

根据bootstrap dropup documentation，在typeahead输出的<ul>元素的顶部需要一个带有类dropup的div包装器。

我使用过bootstrap.min.css。下面是textarea元素之后的typeahead输出：

<textarea class="form-control" ng-model="ctrl.users" id="users" placeholder="Type a name" rows="2" mentionuser></textarea>
  <ul class="typeahead dropdown-menu">
    <li data-value="rohit" class="active">
      <a href="#"><span class="mention_username"> <strong>r</strong>ohit</span></a>
    </li>
    <li data-value="alpha">
      <a href="#"><span class="mention_username"> alpha</span></a>
    </li>
  </ul>

注意：我想要的只是显示一个弹出窗口，方法是将div包装到typeahead ul元素的结果上，如果是，那么如何操作。或者通过编辑css，已经付出了很多努力但是这些类没有得到适当的适应