リンクが表示されない

Question

railsでサービス開発をしているものなのですが、ヘッダーの部分を作っていて、以下のようにしてリンクを表示させたいのですが、そもそも表示がされないです。
どなたか分かる方がいらっしゃれば教えていただきたいです。ちなみにRails上ではなく、HTML,CSSだけで開くと、リンクがちゃんと表示されます。.erbに書くと表示されません。

<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-invers">
      <a class="navbar-brand navbar-left" href="#"><span class="top-link"><img src = "/creatter_logo_small.png" class="creatter-logo"></span></a>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active index-link">
            <a class="nav-link navbar-right" href="#"><span class="top-link">サービス一覧</span> <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item active mypage-link">
            <a class="nav-link" href="#"><span class="top-link">マイページ</span></a>
          </li>
          <li class="nav-item active post-link">
            <a class="nav-link" href="#"><span class="top-link">投稿する</span></a>
          </li>
          <li class="nav-item active post-link">
            <a class="nav-link" href="#"><span class="top-link">お問い合わせ</span></a>
          </li>
          <li class="nav-item active post-link">
            <a class="nav-link" href="#"><span class="top-link">プライバシーポリシー</span></a>
          </li>
        </ul>
      </div>
    </nav>

Answer 1

両方のパターンで、ブラウザに表示したものをソース表示してみると違いが分かるかもしれません。

あと、

HTML,CSSだけで開くと

とのことですが、これはhtmlファイル直接表示した時、ということでしょうか？
その場合ちゃんとJavaScriptが動いてなければ正しく動作していない可能性があるので、エラーなど出ていないかを見てみた方がよいかもしれません。エラーが出ている場合、erbの方が正しい（望むものかどうかは別として）挙動になっていると思います。

あとは、公式のサンプルと違い、buttonタグがないのも気になります。スマホの場合buttonタグがないと表示できないと思いますので、もしスマホでしか確認していない場合はそちらも気にしてみたほうがよいかもしれません。

Comments

[wakataka]

回答ありがとうございます。おかげさまで解決しました。
buttonタグがなかったのと、application.jsでbootstrapとjqueryの読み込みができていなかったのが原因みたいでした。ありがとうございました。