基本用法: <p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p> <p>Search icon: <span…
March 8, 2016
分享按钮 Social Buttons for Bootstrap
官网:http://lipis.github.io/bootstrap-social/
View on GitHub : https://github.com/lipis/bootstrap-social
Download:bootstrap-social-gh-pages
How to use
- Include Bootstrap and Font AwesomeIf you haven’t done that already, include the latest Bootstrap and Font Awesome in your project.
- 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 thebootstrap-social.less
into your existing Bootstrap directory and import it intobootstrap.less
via@import "bootstrap-social.less";
. Recompile when ready. - 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