是否可以让 Angular.ui Bootstrap Dropdown 下拉？答案

【问题标题】：Is it possible to make Angular.ui Bootstrap Dropdown drop UP?是否可以让 Angular.ui Bootstrap Dropdown 下拉？
【发布时间】：2015-02-15 07:58:54
【问题描述】：

我正在使用 angular ui.bootstrap 并且我已经成功创建了一个简单的下拉菜单，但是当您将菜单放在页面底部时，它会离开页面。有没有办法让它向上打开？

谢谢！ -fotoflo

【问题讨论】：

stackoverflow.com/questions/17581352/…的可能重复

标签： angularjs angular-ui-bootstrap

【解决方案1】：

您可以像这样将 dropup 类与 Angular UI Bootstrap 一起使用：

 <div class="btn-group dropup" dropdown>
      <button type="button" class="btn btn-danger">Action</button>
      <button type="button" class="btn btn-danger dropdown-toggle" dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Split button!</span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
    </div>

【讨论】：

【解决方案2】：

似乎 Bootstrap 有一个内置的下拉类，称为 dropdown up！

【讨论】：

【解决方案3】：

是的，就在你的下拉类旁边添加下拉:)

【讨论】：

【解决方案4】：

Bootstrap 4 默认使用此选项。

Here is the link for more information

【讨论】：

请将相关的代码或建议添加到答案中（除了链接）。由于链接将来可能会更改或无法正常工作，从而使答案不完整。