Question

我使用bootstrap 4制作导航栏，当我将窗口缩小时，汉堡包就在其中，但不会显示出来。它功能正常，但我看不到。有人可以帮我吗？

<a href="applescript://com.apple.scripteditor?action=new&amp;script=display%20dialog%20%22Hello%20World!%22">Link</a>

Answer 1

Bootstrap 4添加了新类：navbar-dark和navbar-light，根据您的背景颜色，您可以在导航中添加这些类之一，以使移动切换可见。

您还可以使用背景色（如下所示）或换掉默认图标来进行完全自定义的操作。

    <nav class="navbar navbar-dark bg-dark">
       <!-- Navbar content -->
    </nav>

    <nav class="navbar navbar-dark bg-primary">
      <!-- Navbar content -->
    </nav>

    <nav class="navbar navbar-light" style="background-color: #e3f2fd;">
      <!-- Navbar content -->
    </nav>

如果您真的想看动画和自定义图标，请查看以下导航栏自定义示例： MDBootstrap examples

Answer 2

默认情况下，切换器是透明的；

.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem;

}

Answer 3

您似乎没有对nav元素应用任何配色方案。没有主题类，汉堡包图标是透明的。

在您的navbar-dark bg-dark元素中添加nav可以解决此问题。

Color Schemes Documentation

Bootstrap汉堡导航栏图标丢失

3 个答案: