Navbar Toggler Bootstrap 4 - 始终可见

Question

我的问题很简单，我的navbar-toggler始终可见;即使它不需要在那里（在lg大小的屏幕上）。

File

    <div class="navbar-header">
        <a href="#" class="navbar-brand">Logo</a>
    </div>
    <button type="button" class="navbar-toggle bg-dark" data-toggle="collapse" data-target="#mainNavBar" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon visible-sm"></span>
    </button>
    <div class="container-fluid">

Answer 1

您使用的是导航栏的过时且不完整的代码。

navbar-expand-*类组现在控制Bootstrap 4中的导航栏扩展。

在以下代码段中，navbar-expand-lg类使导航栏从大（lg）断点向上扩展（这意味着如果屏幕小于{{1}，导航栏将会折叠}）：

＆＃13;

＆＃13;

lg

＆＃13;

＆＃13;

＆＃13;

参考：

https://getbootstrap.com/docs/4.0/components/navbar/