引导程序禁用导航栏上的折叠/可切换[重复]

Question

这个问题已经在这里有了答案：

• 在引导程序中禁用响应式导航栏4 2个答案

调整窗口大小时，如何使导航栏不折叠/切换？ 我尝试添加

.collapse{
   display: inline-block;
 }

给我的CSS。 这样，在调整窗口大小时，导航栏元素最终会堆叠。 我也在使用bootstrap 4 alpha 6

这是我的导航栏代码： http : //www.bootply.com/mHeWTUSxAM

Answer 1

how i did it is by giving .btn.btn-navbar{display:none;}
and by giving .nav-collapse{height:auto}
it worked like this but i believe it is not best solution 
referenced to bootstrap 4 documentation you should look into that "Responsive behaviors

导航栏可以使用.navbar-toggler，.navbar-collapse和.navbar-toggleable- *类在内容折叠到按钮后时进行更改。 与其他实用程序结合使用，您可以轻松选择何时显示或隐藏特定元素。”

Answer 2

更新的Bootply

只需使用navbar-toggleable-xl代替navbar-toggleable-md 。

工作片段

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <nav class="navbar navbar-toggleable-xl navbar-inverse bg-inverse"> <div class="navbar-collapse collapse" id="collapsingNavbar"> <ul class="navbar-nav"> <li class="nav-item"> <a href="#menu-toggle" class="nav-link" id="menu-toggle">Menu</a> </li> </ul> <ul class="navbar-nav dropdown dropdown-menu-right ml-auto"> <li class="nav-item "> <a class="nav-link dropdown-toggle" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">logged in as</a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown01"> <a class="dropdown-item" href="#">Logout</a> <a class="dropdown-item" href="#">My Movements</a> </div> </li> </ul> </div> </nav>