Social media button styles for Twitter Bootstrap 3
CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
README.md
social-buttons.less
social-buttons.min.css

README.md

Social Buttons for Twitter Bootstrap by @mapb_1990 (v1.0.0)

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.

Buttons Preview


Requirements

  • Twitter Bootstrap 3.0.0
  • Font Awesome 3.2

Installation

Using CSS file:

  1. Include Bootstrap and Font Awesome in your app (see this guide)
  2. Include social-buttons.min.css in your app
  3. Start using buttons!

Using LESS then:

  1. Ensure Font Awesome is imported into your app (as CSS or LESS)
  2. Build less file
  3. Build inside bootstrap
  4. Import social-buttons.less into bootstrap.less
  5. Build Bootstrap
  6. Or build outside bootstrap
  7. Import variable.less and mixins.less from bootstrap
  8. Build social-buttons.less
  9. Start using buttons.

How to use

Icons on left

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

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

  • bitbucket
  • dribbble
  • dropbox
  • facebook
  • flickr
  • foursquare
  • github
  • google-plus
  • instagram
  • linkedin
  • pinterest
  • renren
  • skype
  • stack-exchange (required font-awesome 4.0)
  • stack-overflow
  • trello
  • tumblr
  • twitter
  • vk
  • weibo
  • xing
  • youtube
  • windows
  • vimeo (required font-awesome 4.0)

Authors

Miguel Borges

Note: This is a fork of Adam Neumann's original code; thanks go to him for getting this thing started!


LICENSE

Version 1, December 2009

Copyright (C) 2009 Philip Sturgeon email@philsturgeon.co.uk

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

  1. 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.

  2. 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.

  3. 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.