Question

我一直在使用ROR / bootstrap并想要这个“a”标签和图像，以链接回root_path。但找不到一个好的解决方案。这就是我得到的。如何更换href？

<a class="navbar-brand" href="" style="color:black;">
    <!-- span makes them inline-->
    <span><%= image_tag ".png", height: 30, width: 30, alt: "", style:"margin-top:-5px" %></span>
    |
    <span><%= image_tag ".png", width: 60, height: 30, style:"margin-top:-5px"  %></span>
</a>

Answer 1

您可以使用以下方法之一：

<a class="navbar-brand" href="<%= root_url %>" style="color:black;">
  <!-- span makes them inline-->
  <span>
    <%= image_tag ".png", height: 30, width: 30, alt: "", style:"margin-top:-5px" %>
  </span>
  |
  <span>
    <%= image_tag ".png", width: 60, height: 30, style:"margin-top:-5px"  %>
  </span>
</a>

或向link_to提供阻止：

<%= link_to root_url, class: "navbar-brand", style: { color: "black" } do %>
  <!-- span makes them inline-->
  <span>
    <%= image_tag ".png", height: 30, width: 30, alt: "", style:"margin-top:-5px" %>
  </span>
  |
  <span>
    <%= image_tag ".png", width: 60, height: 30, style:"margin-top:-5px"  %>
  </span>
<% end %>

我强烈建议使用后者，作为Rails的做事方式。让我知道你如何继续 - 任何问题或意见，让我知道！

Answer 2

您可以在Link_to

中使用某个块

<%= link_to root_url, :class => 'navbar-brand' do %>
  <span><%= image_tag ".png", height: 30, width: 30, alt: "", style:"margin-top:-5px" %></span>
  |
  <span><%= image_tag ".png", width: 60, height: 30, style:"margin-top:-5px"  %></span>
<% end %>

避免使用当前使用的内联样式，将其推入.css文件。

Ruby On Rails - Link_to

2 个答案: