CSS загружается, когда я нажимаю формат в источниках под консолью разработчика - PullRequest
Новая
       6

CSS загружается, когда я нажимаю формат в источниках под консолью разработчика

0 голосов
/ 05 января 2019

Рельсы 5 и AWS

У меня возникла странная проблема с загрузкой CSS в рабочей среде.

  • Я загружаю домашнюю страницу, затем все загружается без правильного применения пользовательских стилей
  • Когда я проверяю и захожу на консоль разработчика, чтобы просмотреть исходный файл CSS и нажимаю значок формата, к странице применяются стили.

Пожалуйста, помогите. Не уверен, как решить эту проблему.

application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Explore various articles covering multiple domains.">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <title>Website</title>

    <link rel="shortcut icon" href="/assets/favicon.ico"/>


    <!-- Bootstrap 4 related scripts -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

    <!-- Google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Mukta|PT+Sans|Josefin+Sans" rel="stylesheet">
    <script defer src="https://use.fontawesome.com/releases/v5.6.3/js/all.js" integrity="sha384-EIHISlAOj4zgYieurP0SdoiBYfGJKkgWedPHH4jCzpCXLmzVsw1ouK59MuUtP4a1" crossorigin="anonymous"></script>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track'=> 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track'=> 'reload' %>
  </head>

  <body>
    <%= yield %>
  </body>
</html>

_top_menu.html.erb 

<div class="top-menu raisedbox">
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="/">
      <img src="/assets/logo.svg" width="100em" height="30" class="logo d-inline-block align-top" alt="">
      Humbleposts
    </a>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link menu-link-text" href="/articles/index"><b>BLOG</b></a>
        </li>
        <li class="nav-item">
          <a class="nav-link menu-link-text" href="#"><b>RECENTS</b></a>
        </li>
        <li class="nav-item">
          <a class="nav-link menu-link-text" href="#"><b>ABOUT</b></a>
        </li>
      </ul>
    </div>

    <form class="form-inline">
      <input class="form-control mr-sm-2" type="search" placeholder="Search for" aria-label="Search">
      <button class="btn btn-primary my-2 my-sm-0" type="submit">search</button>
    </form>
  </nav>
</div>
<span class="empty-space">&nbsp;</span>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...