Example of buttons
![]() |
btn-adn |
|
![]() |
btn-bitbucket |
|
![]() |
btn-dropbox |
|
![]() |
btn-facebook |
|
![]() |
btn-flickr |
|
![]() |
btn-foursquare |
|
![]() |
btn-github |
|
![]() |
btn-google |
|
![]() |
btn-instagram |
|
![]() |
btn-linkedin |
|
![]() |
btn-microsoft |
|
![]() |
btn-odnoklassniki |
|
![]() |
btn-openid |
|
![]() |
btn-pinterest |
|
![]() |
btn-reddit |
|
![]() |
btn-soundcloud |
|
![]() |
btn-tumblr |
|
![]() |
btn-twitter |
|
![]() |
btn-vimeo |
|
![]() |
btn-vk |
|
![]() |
btn-yahoo |
|
Variations of sizes
![]() |
|
![]() |
|
![]() |
<a class="btn btn-block btn-social btn-facebook btn-sm"> <span class="fa fa-facebook"></span> Sing in with Facebook </a> |
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
How to use
1. Include Bootstrap and Font Awesome to your project
- <link href="/path/to/css/bootstrap.min.css" rel="stylesheet">
- <link href="/path/to/css/font-awesome.css" rel="stylesheet">
2. Include the CSS bootstrap-social.css
- <link rel="stylesheet" type="text/css" href="/path/to/css/bootstrap-social.css" />
3. Add buttons:
- <a class="btn btn-block btn-social btn-facebook">
- <span class="fa fa-facebook"></span> Sing in with Facebook
- </a>
or icons:
- <a class="btn btn-social-icon btn-facebook">
- <span class="fa fa-facebook"></span>
- </a>
Link to site of plugin: http://lipis.github.io/bootstrap-social/