Rails 4 - 如何在 Rails 中编写链接同时保留 html 样式

Question

我正在尝试调整 wrap bootstrap 主题以在 Rails 4 中使用。

主题样式（我想保留的有：

<li class='col-xs-4 col-sm-2 nopadding menuitem' style='background:#006F7F'>
         <a href='#dash' class='hvr-sweep-to-bottom'>
            <br><br>
            <span>Dashboard</span>
         </a>
  </li>

当我尝试在 Rails 中写这个时，我会写：

<li class='col-xs-6 col-sm-3 nopadding menuitem' style='background:#39AFBF', class: 'hvr-sweep-to-bottom' >
               <br><br>
               <%= link_to "Dashboard", '#dash',  class: 'span' %>
  </li>

问题是，wrap bootstrap 主题具有我想在“span”类中应用的样式。

我尝试在 rails 中使用的公式无法访问它。当我保存它并尝试在家中检查代码时，应用链接的元素是：

navigation .menuitem a 

当我使用 wrap bootstrap 主题中的 html 时，chrome 检查器显示：

navigation .menuitem a span 

如何将 span 放入链接文本中？

Answer 1

<li class='col-xs-6 col-sm-3 nopadding menuitem' style='background: #39AFBF', class: 'hvr-sweep-to-bottom' >
  <br><br>
  <%= link_to '#dash', class: 'span' do %>
    <span>Dashboard</span>
  <% end %>
</li>

http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to

我可以提出一些建议吗？反正我会做的。

1. 不要使用内联 CSS，这是不好的做法和不好的代码。
2. 不要使用 <br> 创建新行，而是使用 CSS 并将 margin-top: 20px 或其他内容添加到您的 a.span 元素中。
3. 除非您对 span 元素进行一些 JavaScript 操作，否则将 Dashboard 包装成 span 是没有意义的。