@ladjs/bootstrap-social

Social Buttons for Bootstrap ============================

Usage no npm install needed!

<script type="module">
  import ladjsBootstrapSocial from 'https://cdn.skypack.dev/@ladjs/bootstrap-social';
</script>

README

Social Buttons for Bootstrap

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.scss in your project.

You can also include _custom.scss if you'd like to import your own _functions, _mixins, and _variables (see source of bootstrap-social.scss for insight).

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>