Jump to: navigation, search

Bootstrapskin Social Buttons (large)

Social Buttons

| Connect with Facebook
| Connect with Twitter
| Connect with Github
| Connect with Pinterest
| Connect with LinkedIn
| Connect with Google Plus
| Connect with Instagram
| Connect with Dropbox
| Connect with Bitbucket
| Connect with Dribbble
| Connect with Flickr
| Connect with Foursquare
| Connect with Renren
| Connect with Skype
| Connect with Stack Exchange
| Connect with Stack Exchange
| Connect with Trello
| Connect with Tumblr
| Connect with VK
| Connect with Weibo
| Connect with XING
| Connect with YouTube

Social buttons are available from version 1.0.42, though they will need to be installed. Installation involves nothing more than removing the comments // from the social-buttons.css line in boostrapskin.php.

<div class="btn btn-facebook"><i class="fa fa-facebook"></i> | Connect with Facebook</div>
<div class="btn btn-twitter"><i class="fa fa-twitter"></i> | Connect with Twitter</div>
<div class="btn btn-github"><i class="fa fa-github"></i> | Connect with Github</div>
<div class="btn btn-pinterest"><i class="fa fa-pinterest"></i> | Connect with Pinterest</div>
<div class="btn btn-linkedin"><i class="fa fa-linkedin"></i> | Connect with LinkedIn</div>
<div class="btn btn-google-plus"><i class="fa fa-google-plus"></i> | Connect with Google Plus</div>
<div class="btn btn-instagram"><i class="fa fa-camera-retro"></i> | Connect with Instagram</div>
<div class="btn btn-dropbox"><i class="fa fa-dropbox"></i> | Connect with Dropbox</div>
<div class="btn btn-bitbucket"><i class="fa fa-bitbucket"></i> | Connect with Bitbucket</div>
<div class="btn btn-dribbble"><i class="fa fa-dribbble"></i> | Connect with Dribbble</div>
<div class="btn btn-flickr"><i class="fa fa-flickr"></i> | Connect with Flickr</div>
<div class="btn btn-foursquare"><i class="fa fa-foursquare"></i> | Connect with Foursquare</div>
<div class="btn btn-renren"><i class="fa fa-renren"></i> | Connect with Renren</div>
<div class="btn btn-skype"><i class="fa fa-skype"></i> | Connect with Skype</div>
<div class="btn btn-stackexchange"><i class="fa fa-stack-exchange"></i> | Connect with Stack Exchange</div>
<div class="btn btn-stackexchange"><i class="fa fa-stack-exchange"></i> | Connect with Stack Exchange</div>
<div class="btn btn-trello"><i class="fa fa-trello"></i> | Connect with Trello</div>
<div class="btn btn-tumblr"><i class="fa fa-tumblr"></i> | Connect with Tumblr</div>
<div class="btn btn-vk"><i class="fa fa-vk"></i> | Connect with VK</div>
<div class="btn btn-weibo"><i class="fa fa-weibo"></i> | Connect with Weibo</div>
<div class="btn btn-xing"><i class="fa fa-xing"></i> | Connect with XING</div>
<div class="btn btn-youtube"><i class="fa fa-youtube"></i> | Connect with YouTube</div>

To add a link to your social page or profile use wiki syntax.

<div class="btn btn-facebook"><i class="fa fa-facebook"></i> | [http://yoursite.com Connect with Facebook]</div>

Use Font Awesome Brand Icons to create your own social buttons - See Icons sets.

bootstrapskin-commercial-skin.png