Twitter bootstrap 折叠时，如何在一行中对齐引导4导航栏？

当折叠时，我试图使用导航栏切换按钮将导航栏设置在非折叠项的单行中 . 但是，它在折叠后拆分为多行。如何把它排成一行

<nav class="navbar navbar-fixed-top navbar-toggleable-md navbar-light">
 <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  <span class="navbar-toggler-icon"></span>
 </button>

 <a class="navbar-brand" href="#">Navbar</a>

 <div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav mr-auto">
   <li class="nav-item">
    <a class="nav-link" href="#">Home</a>
   </li>
   <li class="nav-item">
    <a class="nav-link" href="#">Features</a>
   </li>
   <li class="nav-item">
    <a class="nav-link" href="#">Pricing</a>
   </li>
  </ul>
 </div>

 <ul class="navbar-nav">
  <li class="nav-item">
   <a class="nav-link" href="#">Logout</a>
  </li>
  <li class="nav-item">
   <a class="nav-link" href="#">Settings</a>
  </li>
 </ul>
</nav>

---

我使用的是Bootstrap 4 Alpha 6。

你能澄清你想要的“折叠”吗？您想要“切换移动”菜单中的所有项目，还是只想要一些？您想让项目在切换的移动菜单中也保持水平吗？我想要

注销

和

设置

不折叠，在切换按钮OK中使用可折叠的

主页

，

功能

和

定价

，但哪些项目是水平的还是垂直的？我确实看到了，但没有在大屏幕中将

设置

和

注销

移动到右侧