我正在尝试调整一个 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
如何将跨度放入链接文本中?
最佳答案
<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
我可以提一些建议吗?无论如何我都会做。
- 不要使用内联 CSS,那只是糟糕的做法和糟糕的代码。
- 不要使用
<br>
要创建一个新行,请改用 CSS 并添加margin-top: 20px
或者你的a.span
元素。 - 除非您对
span
进行一些 JavaScript 操作元素,没有意义包装Dashboard
进入span
.
关于html - Rails 4 - 如何在保留 html 样式的同时在 Rails 中编写链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38733923/