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

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 

如何将跨度放入链接文本中？

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 .