@mapb_1990 (v1.0.0)Social Buttons for Twitter Bootstrap by
Clean (unofficial) social media buttons for Bootstrap 3 using Font Awesome.
Social Buttons for Twitter Bootstrap is a plugin/mixin for Twitter Bootstrap that provides great looking (unofficial) themes for various social media buttons.
- Twitter Bootstrap 3.0.0
- Font Awesome 3.2
Using CSS file:
- Include Bootstrap and Font Awesome in your app (see this guide)
- Include social-buttons.min.css in your app
- Start using buttons!
Using LESS then:
- Ensure Font Awesome is imported into your app (as CSS or LESS)
- Build less file
- Build inside bootstrap
- Import social-buttons.less into bootstrap.less
- Build Bootstrap
- Or build outside bootstrap
- Import variable.less and mixins.less from bootstrap
- Build social-buttons.less
- Start using buttons.
How to use
Icons on left
<div class="btn-group btn-group-social btn-group-facebook"> <span class="btn btn-social"></span> <a href="#" class="btn btn-social">Sign-in with facebook</a> </div>
Icons on right
<div class="btn-group btn-group-social btn-group-facebook"> <a href="#" class="btn btn-social">Sign-in with facebook</a> <span class="btn btn-social"></span> </div>
Social networks supportted
- stack-exchange (required font-awesome 4.0)
- vimeo (required font-awesome 4.0)
Note: This is a fork of Adam Neumann's original code; thanks go to him for getting this thing started!
Version 1, December 2009
Copyright (C) 2009 Philip Sturgeon firstname.lastname@example.org
Everyone is permitted to copy and distribute verbatim or modified copies of this license document, and changing it is allowed as long as the name is changed.
DON'T BE A DICK PUBLIC LICENSE TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
Do whatever you like with the original work, just don't be a dick.
Being a dick includes - but is not limited to - the following instances:
1a. Outright copyright infringement - Don't just copy this and change the name. 1b. Selling the unmodified original with no work done what-so-ever, that's REALLY being a dick. 1c. Modifying the original work to contain hidden harmful content. That would make you a PROPER dick.
If you become rich through modifications, related works/services, or supporting the original work, share the love. Only a dick would make loads off this work and not buy the original works creator(s) a pint.
Code is provided with no warranty. Using somebody else's code and bitching when it goes wrong makes you a DONKEY dick. Fix the problem yourself. A non-dick would submit the fix back.