Question

我正在尝试在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中产生一个弹出框即可。

Answer 1

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

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

如果您希望fixed-bottom导航栏中的下拉菜单也向上打开，请使用“下拉菜单” ...

   <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

Bootstrap 4中的弹出式底部导航栏

1 个答案: