分享按钮 Social Buttons for Bootstrap

Selection_019

官网:http://lipis.github.io/bootstrap-social/

View on GitHub : https://github.com/lipis/bootstrap-social

Download:bootstrap-social-gh-pages

How to use

  1. Include Bootstrap and Font AwesomeIf you haven’t done that already, include the latest Bootstrap and Font Awesome in your project.
  2. Include the CSS or LessYou have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project.For Less, copy the bootstrap-social.less into your existing Bootstrap directory and import it into bootstrap.less via @import "bootstrap-social.less";. Recompile when ready.
  3. Add some buttons!Start using the buttons as you would 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">
        <span class="fa fa-twitter"></span> Sign in with Twitter
      </a>

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

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

     

本文:分享按钮 Social Buttons for Bootstrap

Leave a Reply