Css 如何分配指向omniauth facebook按钮的链接

这是我的代码：

<div class="col-md-6 col-sm-6 col-xs-6">
  <%- if devise_mapping.omniauthable? %>
    <%- resource_class.omniauth_providers.each do |provider| %>
      <%= link_to "Sign in", omniauth_authorize_path(resource_name, provider) %>
    <% end -%>
  <% end -%>
</div>

---

因此，我将显示定制的Facebook按钮，而不是简单的“登录”按钮。

回答：我就是这样解决的

<div class="col-md-6 col-sm-6 col-xs-6">
  <%- if devise_mapping.omniauthable? %>
    <%- resource_class.omniauth_providers.each do |provider| %>
      <%= link_to omniauth_authorize_path(resource_name, provider), class: 'btn btn-facebook btn btn-lg btn-block' do %>
        <i class="fa fa-facebook fa-2x"></i>
        |Connect with <br> Facebook
      <% end %>
    <% end -%>
  <% end -%>
</div>

如果有人能告诉我如何使“f”图标位于按钮的中心，我将不胜感激

谢谢你

我所做的：

<%= link_to raw('<span class="fa fa-facebook"></span> Ingresa con Facebook'), user_omniauth_authorize_path(:facebook), :class => 'btn btn-block btn-social btn-facebook form-control' %>

“btn btn阻止btn社交btn facebook表单控件”%>

我使用bootstrap社交gem和字体awesomegem来设计它，就像facebook的外观一样：p

---

为什么不将锚定样式设置为按钮的样式？我尝试过，但我的方法错误，我不知道如何操作。请查看更新的问题。您可以使用。我解决了它，谢谢您的努力！）我来晚了一点，但是如果你用的是Bootstrap，你可以使用可爱的社交按钮

.btn-facebook.btn.btn-lg.btn-block {
  color: white;
  background-color: DodgerBlue;
  font-size: 1em;
  &:hover {
    color: white;
    background-color: RoyalBlue;
  }
}

<%= link_to raw('<span class="fa fa-facebook"></span> Ingresa con Facebook'), user_omniauth_authorize_path(:facebook), :class => 'btn btn-block btn-social btn-facebook form-control' %>