Social Buttons for Bootstrap Facebook Twitter

bootstrap と fontawesome が必要。

 fontawesome CDN

<link rel="stylesheet" href="">

bootstrap-social はダウンロードした

bootstrap-social.css を読み込むか、



  <a class="btn btn-block btn-social btn-twitter">
    <span class="fa fa-twitter"></span> Sign in with Twitter


とか span -> i にしても良い


    <div class="col-sm-4 social-btn row">
        <a class="btn btn-block btn-social btn-facebook" href="{% url "social:begin" "facebook" %}">
            <span class="fa fa-facebook"></span>Sign in with Facebook
        <a class="btn btn-block btn-social btn-twitter" href="{% url "social:begin" "twitter" %}">
            <span class="fa fa-twitter"></span>Sign in with Twitter 

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です