CSS не распознает класс

Question

Попытка отрегулировать высоту и ширину изображения, но CSS не распознает класс / не работает. Я знаю, что мой метод класса отличается от других моих классов, но когда я пытаюсь сделать его таким же, он выдает сообщение об ошибке. Я использую язык Ruby. Возможно, это будет что-то простое, но я слишком новичок в этом, чтобы понять. Также возникают проблемы со строками загрузки Twitter. Я буду вечно благодарен, если вы тоже можете увидеть что-то не так с этим.

HTML это:

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <%= image_tag @user.profile.avatar.url, class: 'lego-man' %>
    </div>
    <div class="col-md-6">
      <h1><%= @user.profile.first_name %> <%= @user.profile.last_name %></h1>
      <h3><%= @user.profile.job_title %></h3>
      <div class="well">
        <h3>Decription</h3>
        <%= @user.profile.description %>
      </div>
      <% if current_user.plan_id == 2 %>
        <div class="well">
          <h3>Contact Information</h3>
          <%= @user.profile.phone_number %><br/>
          <%= @user.profile.contact_email %><br/>
        </div>
      <% end %>
    </div>
  </div>
</div>

CSS это:

.lego-man {
  width: 128px;
  height: 128px;
}

Answer 1

вы можете попробовать вот так

 <%= image_tag @user.profile.avatar.url , size: "128x128" %>

Для справки

Нажмите здесь: - https://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_tag

Answer 2

.lego-man {
  width: 128px!important;
  height: 128px!important;
}

попробуйте использовать over over your class.

<div class: 'lego-man'>
  <%= image_tag @user.profile.avatar.url %>
</div>

, а затем добавьте <%= stylesheet_link_tag 'application', media: 'all' %> в макет приложения

Answer 3

В рельсах доступны три метода для добавления стилей CSS.

1. Добавить это свойство стиля Inline в image_tag

   <%= image_tag @user.profile.avatar.url, :style => "width: 128px; height: 128px;" %>
   

2. Добавить это свойство стиля внутри того же файла, используя <style> tags

   <style>
     .lego-man {
       width: 128px;
       height: 128px;
     }
   </style>
   

3. Добавьте это свойство css извне в app / assets / stylesheets / application.css

Answer 4

Просто убедитесь, что код CSS, который вы пишете, загружается правильно.

например. в вашем layouts/application.html.erb содержится этот тип линии загрузить application.css

<%= stylesheet_link_tag 'application', media: 'all' %>

И этот css содержащий файл включен в application.css