TIF_E41200319/Website/public/library/bootstrap-social
Moh. Bahrul 'Ulum 2e56fe8087 website 2024-07-23 15:22:01 +07:00
..
assets website 2024-07-23 15:22:01 +07:00
node_modules/bootstrap website 2024-07-23 15:22:01 +07:00
.editorconfig website 2024-07-23 15:22:01 +07:00
.npmignore website 2024-07-23 15:22:01 +07:00
LICENSE website 2024-07-23 15:22:01 +07:00
README.md website 2024-07-23 15:22:01 +07:00
bootstrap-social.css website 2024-07-23 15:22:01 +07:00
bootstrap-social.less website 2024-07-23 15:22:01 +07:00
bootstrap-social.scss website 2024-07-23 15:22:01 +07:00
bower.json website 2024-07-23 15:22:01 +07:00
index.html website 2024-07-23 15:22:01 +07:00
package.json website 2024-07-23 15:22:01 +07:00

README.md

Social Buttons for Bootstrap

npm version Bower version

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

Check the live demo!

Installation

Include the bootstrap-social.css or bootstrap-social.less in your project, or install it through Bower:

bower install bootstrap-social

Available classes

  • 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

Examples

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

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

Notes

For now I won't accept any request for new buttons as I'm planning to split the main CSS to have separate files for all of the requested ones.