RubyonRails ログイン後のCSSが適用されない

前提・実現したいこと

プログラミング初心者です。練習としてbootstrapを導入しTwitterのようなサービスを作っているのですが、ログイン後のCSSが適用されなくて困っています。

該当のソースコード

<!DOCTYPE html>
<html class="noIE" lang="ja">
<!--<![endif]-->
  <head>
    <title>イチオシ！</title>

    <!-- meta -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no"/>
    
    <!-- google fonts -->
    <link href='http://fonts.googleapis.com/css?family=Raleway:500,300' rel='stylesheet' type='text/css'>
    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=PT+Sans'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold"/>

    
    
    <!-- css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/style.css" media="screen"/>

  </head>
  
  <body>
    <header class="top-header">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-xs-5 col-sm-4 header-logo">
            <br>
            <%= link_to "わたしのイチオシ","/"%>
          </div>

          <div class="col-md-8 col-md-offset-1 col-xs-7">
            <nav class="navbar navbar-default">
                <div class="container-fluid nav-bar">
            
                  <div class="navbar-header">
                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </button>
                  </div>

                  <div class="collapse navbar-collapse navbar-def" id="bs-example-navbar-collapse-1">
                    
                      <ul class="nav navbar-nav navbar-right">
                       <% if @current_user %>
                          <li>
                            <%= link_to(@current_user.name,"/users/#{@current_user.id}") %>
                          </li>
                        <li>
                          <%= link_to("投稿一覧", "/posts/index") %>
                        </li>
                        <li>
                          <%= link_to("新規投稿","/posts/new")%>
                        </li>
                        <li>
                          <%= link_to("ユーザー一覧", "/users/index") %>
                        </li>
                        <li>
                          <%= link_to("ログアウト", "/logout",{method: :post})%>
                        </li>
                        <% else %>
                        <li>
                          <% if @current_user %>
                          <%= link_to("イチオシ", "/posts/index") %>
                        <% else %>
                          <%= link_to("イチオシ", "/about") %>
                        <% end %>
                        </li>
                        <li>
                          <%= link_to("新規登録","/signup") %>
                        </li>
                        <li>
                          <%= link_to("ログイン", "/login") %>
                        </li>
                        <% end %>
                      </ul>
                  </div><!-- /navbar-collapse -->
                </div><!-- / .container-fluid -->
            </nav>
          </div>
        </div>
      </div>
    </header>
   
      <div class="container">
      <% flash.each do |message_type, message| %>
        <div class="alert alert-<%= message_type %>"><%= message %></div>
      <% end %>
      <%= yield %>
      </div>
   

    <script src="assets/js/jquery-2.1.3.min.js"></script>
    <script src="assets/js/bootstrap.js"></script>
    <script src="assets/js/jquery.actual.min.js"></script>
    <script src="assets/js/jquery.scrollTo.min.js"></script>
    <script src="assets/js/contact.js"></script>
    <script src="assets/js/script.js"></script>
    <script src="assets/js/smoothscroll.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($){

        $(window).scroll(function() {
          
          console.log("asdf");

        if ($(window).scrollTop() > 100 ){
        
        $('.top-header').addClass('shows');
        
          } else {
        
          $('.top-header').removeClass('shows');
        
        };    
      });

      });

    jQuery('.scroll').on('click', function(e){    
        e.preventDefault()
        
      jQuery('html, body').animate({
          scrollTop : jQuery(this.hash).offset().top
        }, 1500);
    });


    </script>


  </body>
</html>

試したこと

CSSの設定に関しては全てassets/stylesheets/css/style.cssの中に書いてます。
ログイン前の画面のCSSに関してはこの中に書いて適用されるのですが、ログイン後は一切適用されません。
原因がわからなくて困っています…
回答いただけると幸いです！！

urbainleverrier

2019/04/29 12:26 編集

1. ログイン後の画面で`assets/stylesheets/css/style.css`と`assets/css/bootstrap.min.css`の記載があるかどうか 2. 実際にassets/css/style.cssのファイルをブラウザから表示してみて、`assets/stylesheets/css/style.css`は期待通りの内容であるかどうか、 3. cssのフォーマットにバグはないか、バグ以降読み込まれていないかもしれません全てokならログイン前後に関わらず、cssが適用されるはずです。スペルミスがあるかもしれませんので、よく見てみてください。

TOMSOYA

2019/04/30 01:27

回答ありがとうございます！ 1のログイン後の画面で`assets/stylesheets/css/style.css`と`assets/css/bootstrap.min.css`の記載があるかどうかというのはどういう意味でしょうか？すごく初歩的なことを聞いてしまっているかもしれませんがよろしくお願いします…！

urbainleverrier

2019/04/30 04:09

1は、`<link rel="stylesheet" href="assets/css/style.css" media="screen"/> `が<head></head>の中に書かれているということです。 2は、エンドポイントにpathを`assets/css/style.css `を指定してみて、(localhostなら、http://localhost/assets/css/style.css)の内容のことです。編集した内容が更新されていないかもしれません。 3は書いた通りですが、さらに、cssで設定したクラスやidをchromeのconsoleなんかでcssの適用状況を確認してみてください。 macでしたら、option+command+iで開き、Elementsのタグから該当の部分をクリックして、Stylesのタグで状況を確認できます。