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>标签内，这就是高度被切断的原因

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

1 个答案: