Social Buttons for Bootstrap Facebook Twitter

https://lipis.github.io/bootstrap-social/

bootstrap と fontawesome が必要。

 fontawesome CDN

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

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

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

bootstrap-social.scssを使う

 

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

 

とか 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>
        <a class="btn btn-block btn-social btn-twitter" href="{% url "social:begin" "twitter" %}">
            <span class="fa fa-twitter"></span>Sign in with Twitter 
        </a>
    </div>

Leave a Reply

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