ruby-on-rails - 如何使用 bootstrap-social 中的按钮创建正确的链接以通过 Facebook 登录

Question

我在 Rails 网站上使用 Omniauth 以便可以使用 Facebook 登录。

我有以下按钮:

<a class="btn btn-block btn-social btn-facebook">
<i class="fa fa-facebook"></i> Sign in with Facebook

我按照这里的安装说明进行操作: Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome

我需要链接按钮以使用 Facebook 登录，使其看起来类似于:

<%= link_to "Login with Facebook", new_user_registration_path %>

我尝试了以下选项，但没有人正确显示按钮:

<a class="btn btn-block btn-social btn-facebook">
<i class="fa fa-facebook"></i> <%= link_to "Login via Facebook", user_omniauth_authorize_path(:facebook) %>
</a>

或

<%= link_to user_omniauth_authorize_path(:facebook) do %>
<div class="btn btn-block btn-social btn-facebook"> 
        <i class="fa fa-facebook"></i> Sign in with Facebook
</div>
<% end %>

Answer 1

我找到了解决方案 - 以下代码是正确的:

<%= link_to user_omniauth_authorize_path(:facebook) do%>
<div class="btn-lg btn-block btn-social btn-facebook"> 
        <i class="fa fa-facebook"></i> Sign in with Facebook
</div>
<% end %>

它被放置在 <p></p> 内标签，这就是高度被削减的原因