Social Buttons for Bootstrap

How to use

1. Include Bootstrap and Font Awesome

   If you haven't done that already, include the latest Bootstrap and Font Awesome in your project.

2. Include the CSS or LESS

   You have two options for enabling the social buttons in your project: vanilla CSS or source LESS. For vanilla CSS, just include the compiled CSS file from the /css in the repository.

   For LESS, copy over the .less file from /less into your existing Bootstrap directory. Then import it into bootstrap.less via @import "bootstrap-social.less";. Recompile when ready.

3. Add some buttons!

   After you've added the CSS, you can start using the buttons as you've normally do with the Bootstrap buttons that have an icon by adding the relevant class. For example:

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

   Or if you want to just the icon button use it like this:

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