使用 Twitter Bootstrap 提供的图标作为 Rails 3 中的链接的最佳方式是什么?
目前,我正在像粘贴的代码片段一样使用它,但是当我使用平板电脑查看网页时图标不显示。我确信有更好的方法可以使用 Twitter Bootstrap 图标作为 Rails 3 上的链接。
<%= link_to(vote_against_mission_mission_path(:id => mission.id), :method => :post) do %>
<i class="icon-chevron-down blank-vote enlarge"></i>
<% end %><br />
<%= link_to(collect_mission_path(controller: "folders", action: "collect", id: mission.id)) do %>
<i class="icon-heart blank-favorite enlarge" id="actions-centering"></i>
最佳答案
如果你像这样构建一个助手:
module BootstrapIconHelper
def icon_link_to(path, opts = {}, link_opts = {})
classes = []
[:icon, :blank].each do |klass|
if k = opts.delete(klass)
classes << "#{klass}-#{k}"
end
end
classes << "enlarge" if opts.delete(:enlarge)
opts[:class] ||= ""
opts[:class] << " " << classes.join(" ")
link_to content_tag(:i, "", opts), path, link_opts
end
end
你可以这样写你的链接:
<%= icon_link_to(
vote_against_mission_mission_path(:id => mission.id),
{ :icon => "chevron-down", :blank => "vote", :enlarge => true },
{:method => :post}
) %>
<%= icon_link_to(
collect_mission_path(controller: "folders", action: "collect", id: mission.id),
{ :icon => "heart", :blank => "favorite", :enlarge => true, id: "action-centering}
) %>
关于ruby-on-rails - 在 Ruby on Rails 3 中使用 Twitter Bootstrap 图标作为链接的最佳方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10764862/