Question

有人可以帮助显示汉堡包图标吗？当我将窗口调整为较小的尺寸时，我试图使其显示。条形图应为白色，并带有透明的导航背景。谢谢。

index.html

<body style="background-color:black">
<nav class="navbar navbar-trans">
  <div class="container-fluid">
    <div class="navbar-header">
      <button
        type="button"
        class="navbar-toggle"
        data-toggle="collapse"
        data-target="#myNavbar"
      >
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">HEADER</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#">About</a></li>
        <li><a href="#">Work Experience</a></li>
        <li><a href="#">Projects</a></li>
        <li>
          <a
            href="documents\resume-AlanTam.pdf"
            target="_blank"
            type="application/pdf"
            >Résumé</a
          >
        </li>
        <li><a href="#">Contact</a></li>
        <li>
          <a href="https://github.com/AlanTam43" class="fa fa-github"></a>
        </li>
        <li>
          <a
            href="https://www.linkedin.com/in/tam-alan/"
            class="fa fa-linkedin"
          ></a>
        </li>
      </ul>
    </div>
  </div>
</nav>
</body>

style.css

.nav.navbar-nav.navbar-right li a,
.navbar-brand { color: white;}

汉堡图标消失了

0 个答案: