JSFiddle - React, Tailwind, and code Playground

by Frizi

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<div class="well">

    <div class="btn-group">
        <button class="btn" title="+1">
            <i style="color: green" class="icon-thumbs-up"></i> <b>Vote</b>
        </button>
        <button class="btn" title="-1">
             <i style="color: red" class="icon-thumbs-down"></i>
        </button>
    </div>
    <div class="btn-group">
        <button class="btn"><i class="icon-thumbs-up-alt"></i> Like</button>
        <button class="btn"><i class="icon-heart"></i></button>
    </div>
    
    <div class="btn-group">
        <button class="btn" title="edit"><i class="icon-edit"></i></button>
        <button class="btn" title="print"><i class="icon-print"></i></button>
    </div>
    
    <div class="btn-group">
        <button class="btn" title="share on facebook"><i class="icon-facebook"></i></button>
        <button class="btn" title="share on twitter"><i class="icon-twitter"></i></button>
        <button class="btn" title="share on google+"><i class="icon-google-plus"></i></button>
    </div>
</div>