Bootstrap 4：无论屏幕大小，始终显示移动菜单按钮

Question

无论屏幕大小如何，如何始终显示移动菜单按钮？我不希望在有人单击移动按钮之前出现链接。谢谢！

我知道这里有一篇关于 Bootstrap 3 的帖子，但它不适用于 Bootstrap 4。请您指教？

Answer 1

更新 Bootstrap 4.1.x

排除navbar-expand* 类。

在测试版中，navbar-toggleable-* 类已替换为 navbar-expand-*，但现在一切都提升了一个层次。由于导航栏的默认状态始终为折叠/移动 (xs)，您只需排除 navbar-expand-* 类，以便菜单始终在所有层上折叠。

测试版演示：https://www.codeply.com/go/HiMQd9taEd
引导程序 4.1.3：https://www.codeply.com/go/ugmj6XKY79

---

原始答案（Bootstrap 4 alpha）

在 Bootstrap 4 中，导航栏与 3.x 非常不同，并且它总是折叠，除非被 navbar-toggleable-* 类之一覆盖。您只需要确保您的导航栏不包含navbar-toggleable-*。

<nav class="navbar navbar-fixed-top">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#collapsingNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="#">Navbar</a>
    <div class="navbar-collapse collapse" id="collapsingNavbar">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <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="#">Wow</a>
            </li>
        </ul>
    </div>
</nav>

Alpha 版演示：http://www.codeply.com/go/LN6szcJO53