使用样式表编辑图像大小

Question

我不知道如何创建一个类，这样我就可以在样式表中操作图像大小，并在此处作为徽标插入：

<%= link_to image_tag("royal_lancers_badge.png"), root_path, class: "navbar-brand" %>

我正在使用引导程序gem-导航栏的完整代码是：

<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div class="container">
<%= link_to image_tag("royal_lancers_badge.png"), root_path, class: "navbar-brand" %>
<ul class="nav navbar-nav">
<li class="nav-item"><%= link_to "Home", root_path, class: "nav-link" %></li>
<li class="nav-item"><%= link_to "About", about_path, class: "nav-link" %></li>
<li class="nav-item"><%= link_to "Contact", contact_path, class: "nav-link" %></li>
<% if user_signed_in? %>
<li class="nav-item pull-md-right"><%= link_to "Log out", signout_path, method: :delete, class: "nav-link" %></li>
<% else %>
<li class="nav-item pull-md-right"><%= link_to "Sign up", signup_path, class: "nav-link btn btn-primary" %></li>
<li class="nav-item pull-md-right"><%= link_to "Sign in", signin_path, class: "nav-link" %></li>
<% end %>
</ul>
</div>
</nav>

Answer 1

这是起作用的关键变化：

<%= link_to image_tag("royal_lancers_badge.png", class: "logo"), root_path, class: "navbar-brand" %>