Bootstrap 4中的弹出底部导航栏

【问题标题】：Popup Bottom Navbar in Bootstrap 4Bootstrap 4中的弹出底部导航栏
【发布时间】：2019-01-31 19:18:27
【问题描述】：

我正在尝试在 Bootstrap 4 中实现这一目标： https://jsfiddle.net/edz80vw5/

但是：

<li class="dropup">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" 
aria-haspopup="false" aria-expanded="true"> <span class="caret"></span></a>
<ul class="dropdown-menu">

仅在 Bootstrap 4 中生成一个弹出框。

【问题讨论】：

标签： twitter-bootstrap bootstrap-4 navbar

【解决方案1】：

您正在 Bootstrap 4 中寻找 fixed-bottom 导航栏...

   <nav class="navbar navbar-expand-md navbar-light bg-light fixed-bottom">...</nav>

如果您希望fixed-bottom Navbar 的下拉内部也向上打开，请使用“dropup”...

   <li class="nav-item dropup">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropup
        </a>
        <div class="dropdown-menu dropdown-menu-right">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
        </div>
   </li>

https://www.codeply.com/go/iNxFzV2H0J

【讨论】：