Html 引导4导航条切换器不会出现

我最近在我的html中添加了我的切换按钮（汉堡图标）代码，但是由于某些原因，当我调整屏幕大小和在较小的视口中时，汉堡不会显示，看起来是空白的

她是我的html：

<nav class="navbar navbar-expand-lg">
    <a class="navbar-brand" href="#">Friday Hero</a>
    <button class="navbar-toggler navbar-ligh" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="main-nav">
      <ul class="nav navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">ABOUT <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">CONTACT</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">ADVERTISE</a>
        </li>
        <li class="nav-item">
            <a class="nav-link login" href="#">LOGIN</a>
          </li>
      </ul>

    </div>
  </nav>

我试图自定义颜色css，认为这可能是问题所在，但由于某些原因，图标仍然无法显示。你知道如何解决这个问题吗？

有一个小错误：

button class="navbar-toggler navbar-ligh" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation

应该是：

button class="navbar-toggler navbar-light" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation"

导航栏灯光中缺少一个“t”

有一个小的打字错误：

button class="navbar-toggler navbar-ligh" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation

应该是：

button class="navbar-toggler navbar-light" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation"

---

导航条灯中缺少一个“t”

您在

中有一个输入错误，必须是

导航条灯
您在
中有一个输入错误，必须是
导航栏灯
您可以通过向代码中添加
导航栏默认
类来更改颜色，并通过编辑
导航栏默认
类的css属性来更改所需颜色。将以下类添加到
按钮
标记中

<button class="navbar navbar-toggler navbar-light navbar-default" role="navigation"></button>

您可以通过向代码中添加
navbar default
类来更改颜色，并通过编辑
navbar default
类的css属性来更改所需颜色。将以下类添加到
按钮
标记中

<button class="navbar navbar-toggler navbar-light navbar-default" role="navigation"></button>

共享您的css文件也共享您的css文件也共享您的css文件如何将颜色更改为白色？如何将颜色更改为白色？如何将颜色更改为白色？@TonyBeatty color of what？@TonyBeatty您可以在深色导航条的导航标记中添加
bg dark navbar dark
类如何将颜色更改为白色？@TonyBeatty color of what？@TonyBeatty you可以在黑暗导航栏的导航标签中添加
bg dark navbar dark
类。请输入此代码以更改颜色…并在检查此代码段后更新我…祝您好运；）请尝试此代码更改颜色…并在检查此代码段后更新我…祝您好运；）