Twitter bootstrap 引导4 alpha 6安装后导航栏不显示任何链接

我知道他们从alpha 5更改了导航栏，但是我找不到是什么打破了我以前工作的导航栏。 如果我将页面调整为XS，汉堡包就会出现，链接也在那里，但是我在>XS处得到的是一条没有任何内容的蓝线

nav声明为：

<nav class="navbar navbar-inverse bg-primary">
    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
    &#9776;
    </button>
    <div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar">
        <a class="navbar-brand" href="/home">My Project</a>
        <ul class="nav navbar-nav">
            @if (Auth::check())
            <li class="nav-item"><a class="nav-link" href="/auth/logout">Logout</a></li>
            @else
            <li class="nav-item"><a class="nav-link" href="/auth/login">Login</a></li>
            @endif
            ///
        </ul>
    </div>
</nav>

☰

@if（Auth:：check（））

@否则

@恩迪夫
///

---

有什么线索吗？

这是alpha 6的更新导航栏

navbar-toggleable-xs

已更改为

navbar-toggleable

，需要进入

navbar

元素。切换程序将根据

navbar toggleable

断点隐藏，以便您可以删除

隐藏的sm up

。最后，将类

导航栏折叠

添加到

折叠

<nav class="navbar navbar-inverse navbar-toggleable bg-primary">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
    &#9776;
    </button>
    <div class="collapse navbar-collapse" id="exCollapsingNavbar">
        <a class="navbar-brand" href="/home">My Project</a>
        <ul class="nav navbar-nav">
            @if (Auth::check())
            <li class="nav-item"><a class="nav-link" href="/auth/logout">Logout</a></li>
            @else
            <li class="nav-item"><a class="nav-link" href="/auth/login">Login</a></li>
            @endif
            ///
        </ul>
    </div>
</nav>

☰

@if（Auth:：check（））

@否则

@恩迪夫
///

---

---

对于Bootstrap 4 Beta，

navbar Togleable-*

已更改为

navbar expand-*

，

navbar Reverse

现在是

navbar dark

您如何决定navbar折叠的大小？这取决于您。如果您的导航栏有很多项，您可能希望在较大的断点处更快地折叠，例如

navbar toggleable sm

或

navbar toggleable md

，另请参见