Social Buttons for Bootstrap

Social Buttons made in pure CSS based on Bootstrap and Font Awesome!

Check it out live!

Installation

Include the bootstrap-social.css or bootstrap-social.less in your project.

Available classes

Social Network	Default Style	Transparent	Half-Transparent
Bitbucket	btn-bitbucket	btn-bitbucket-transparent	btn-bitbucket-half-transparent
Dropbox	btn-dropbox	btn-dropbox-transparent	btn-dropbox-half-transparent
Facebook	btn-facebook	btn-facebook-transparent	btn-facebook-half-transparent
Flickr	btn-flickr	btn-flickr-transparent	btn-flickr-half-transparent
Foursquare	btn-foursquare	btn-foursquare-transparent	btn-foursquare-half-transparent
GitHub	btn-github	btn-github-transparent	btn-github-half-transparent
Google Plus	btn-google-plus	btn-google-plus-transparent	btn-google-plus-half-transparent
Instagram	btn-instagram	btn-instagram-transparent	btn-instagram-half-transparent
LinkedIn	btn-linkedin	btn-linkedin-transparent	btn-linkedin-half-transparent
Tumblr	btn-tumblr	btn-tumblr-transparent	btn-tumblr-half-transparent
Twitter	btn-twitter	btn-twitter-transparent	btn-twitter-half-transparent
VK	btn-vk	btn-vk-transparent	btn-vk-half-transparent

Examples

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

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

<a class="btn btn-social-icon btn-twitter">
  <i class="fa fa-twitter"></i>
</a>

<a class="btn btn-social-icon btn-twitter-transparent">
  <i class="fa fa-twitter"></i>
</a>

Pull Requests

If you are about to create a new Pull Request for adding a new button don't update the minified bootstrap-social.css file. It will be generated automatically after a successful merge.