ハンバーガーメニューがうまく表示されない

Question

前提・実現したいこと

cloud9でrailsを使用しています。Bootstrapにてハンバーガーメニューを追加しようとしているのですがうまくいきません。navbar-toggler-iconが機能していないと思われます。解決策を教えてください

発生している問題・エラーメッセージ

![イメージ説明](b063e4c28103125b24050b8edee42684.jpeg)
![イメージ説明](36da3f5619f13f060ce11151bdf5827a.jpeg)

該当のソースコード

<nav class="navbar navbar-default navbar-fixed-top navbar-transparent">
      <div class="container">
        <%= link_to root_path do %>
        <span class="navbar-brand">wakamon</span>
        <% end %>
        
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navmenu1">
          <span class="navbar-toggler-icon"></span>
        </button>
        
      <div class="collapse navbar-collapse" id="navmenu1">
          <ul class="nav navbar-nav navbar-right">
            <% if logged_in?%>
              <li class="nav-item">
                <%= link_to topics_path do %>
                  <span class="nav-link">投稿一覧</span>
                <% end %>
              </li>
              <li class="nav-item">
                <%= link_to new_topic_path do %>
                  <span class="nav-link">新規投稿</span>
                <% end %>
              </li>
              <li class="nav-item">
                <%= link_to favorites_index_path do %>
                  <span class="nav-link">お気に入り</span>
                <% end %>
              </li>
              <li class="nav-item">
                <%= link_to '#' do %>
                  <span class="nav-link">【ユーザー名】<%=current_user.name%></span>
                <% end %>
              </li>
              <li class="nav-item">
                <%= link_to logout_path, method: :delete do %>
                  <span class="nav-link">ログアウト</span>
                <% end %>
              </li>
            <% else %>
              <li class="nav-item">
                <%= link_to new_user_path do %>
                  <span class="nav-link">新規登録</span>
                <% end %>
              </li class="nav-item">
              <li>
                <%= link_to login_path do %>
                  <span class="nav-link">ログイン</span>
                <% end %>
              </li>
    
            <% end %>
          </ul>
      </div>

      </div>
    </nav>

試したこと

http://www.tohoho-web.com/bootstrap/navbar.html
上記サイトを参考にしました

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

bootstrapで提供されている_navbar.scssでは
.navbar-dark .navbar-toggler-icon
もしくは
.navbar-light .navbar-toggler-icon
に対してはんばーがーアイコン画像が設定されているので、navのclassに navbar-darkかnavbar-light を設定するとよさそうです。

ちなみにですが、画像URLがコードの中に入っておりリンクになっていませんので修正お願いします。