ruby-on-rails - 如何在 Rails 代码中链接社交媒体图片

标签 ruby-on-rails css twitter-bootstrap

我正在使用 rails 4.0.0 和 twitter bootstrap 设计一个简单的登陆页面。我希望社交媒体图标显示在页面顶部标题旁边。在 Application.html.erb 中用链接指示图像的“railsy”方式是什么。到目前为止我的代码看起来像这样

<ul class="nav nav-pills pull-right"> <li> <%= link_to "Facebook" , "http://www.facebook.com/user" %> </li> <li> <%= link_to "Twitter" , "http://www.twitter.com/user" %> </li> </ul> 我怎样才能将这些链接变成社交媒体图标的图像?

最佳答案

你可能想做这样的事情:

<ul>
  <li>
    <%= link_to "http://www.facebook.com/user" do %>
      <%= image_tag 'facebook.png' %>
    <% end %>
  </li>
  <li>
    <%= link_to "http://www.twitter.com/user" do %>
      <%= image_tag 'twitter.png' %>
    <% end %>
  </li>
  # etc.
</ul>

此代码将尝试呈现应位于文件夹 app/assets/ 中的图片“facebook.png”和“twitter.png”

关于 image_tag 的文档:http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-image_tag

关于ruby-on-rails - 如何在 Rails 代码中链接社交媒体图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20958255/

相关文章:

ruby-on-rails - Date.today 和 Date.yesterday 相同但在控制台中不同

php - 如何显示不同页眉的页面?

css - 将 !important 标签与 > * 一起使用

html - 带有 <a> 标签的 Bootstrap 按钮不会组合在一起

ruby-on-rails - 关联 has_many 计数超过 1 的 Rails 条件

ruby-on-rails - 在任何源中都找不到 json-1.8.1

ruby-on-rails - has_many :through in fixtures in rails 3. 1

不只是去除空格的 CSS Minifier?

CSS 顺序和选择

twitter-bootstrap - Hugo 短代码忽略了 "raw HTML omitted"