<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <a href="#" class="btn btn-sm btn-hover btn-success"><span class="glyphicon glyphicon-thumbs-up"></span></a> <a href="#" class="btn btn-sm btn-hover btn-danger"><span class="glyphicon glyphicon-thumbs-down"></span></a> <a href="#" class="btn btn-sm btn-hover btn-warning"><span class="glyphicon glyphicon-check"></span></a> <a href="#" class="btn btn-sm btn-hover btn-primary"><span class="glyphicon glyphicon-globe"></span></a>

.btn-hover { font-weight: normal; color: #333333; cursor: pointer; background-color: inherit; border-color: transparent; } .btn-hover-alt { font-weight: normal; color: #ffffff; cursor: pointer; background-color: inherit; border-color: transparent; }