如何使 facebook 登录按钮使用引导程序表单控件？

Question

I´m implementing a facebook login to my website.
I use Bootstrap as my framework.

Now i´d like the facebook button look like, and be "size-controlled" byt bootstrap "form-control".

FACEBOOK

<div class="fb-login-button" data-max-rows="1" data-size="large" data-button-type="login_with" data-show-faces="false" data-auto-logout-link="false" data-use-continue-as="true"></div>

BOOTSTRAP

<a href="" class="btn btn-danger form-control">Registrera</a>

I´ve tried to simply add "form-control" as a class for the facebook btn, with no result.
I´ve also tried to set the width of the facebook btn to 100%;

So, how can i make the facebook btn resposive with bootstraps class "form-control" ?

UPDATE

<div class="fb-login-button btn form-control" data-max-rows="1" data-size="large" data-button-type="login_with" data-show-faces="false" data-auto-logout-link="false" data-use-continue-as="true"></div>

Answer 1

将数据宽度 100% 添加到您的灵魂中效果更好，它实际上是居中且响应迅速的。

<div class="btn form-control pt-3 fb-login-button" data-width="100%"...

Answer 2

Just add custom CSS below:

div.fb-login-button.fb_iframe_widget_fluid{ display: block !important; }
div.fb-login-button.fb_iframe_widget_fluid span, div.fb-login-button.fb_iframe_widget_fluid span iframe { width: 100% !important; }

works on Version 6.0.