Bootstrapで指定したハンバーガーメニューが出てきません。

Question

出てこないというか、一応存在はしているようで、見えないのですがマウスをのせると反応します。
しかし見えない状態です。
わかるかたおりましたら、ご教授おねがいいたします。

<div class="fixed-top">
      <nav class="navbar navbar-expand-sm bg-dark text-light">
        <a href="index.html" class="navbar-brand"><i class="fas fa-cut"></i></a>
        <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#nav-bar">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="nav-bar">
          <ul class="navbar-nav"id="table-ul">
            <li class="nav-item"><a href="#" class="nav-link">Top.</a></li>
            <li class="nav-item"><a href="#" class="nav-link">Search.</a></li>
            <li class="nav-item"><a href="#" class="nav-link">Host.</a></li>
            <li class="nav-item"><a href="#" class="nav-link">Sign up.</a></li>
            <li class="nav-item"><a href="#" class="nav-link">Login.</a></li>
          </ul>
        </div>
      </nav>
    </div>

.nav-link {
  color: white;
}

.nav-item :hover {
  border-bottom: 3px solid white;
  color: white;
}

Answer 1

<nav>につけているclassのうち、text-lightをnavbar-darkに変更してみてはいかがでしょうか。

Comments

[19941224ngng]

navbar-darkに変更したところうまく表示されました！
ありがとうございます！