"Like / Love / Share / Delete"
Bootstrap 2.3.2 Snippet by msurguy

<div class="btn-toolbar"> <div class="btn-group"> <a href="#" class="btn btn-inverse disabled"><i class="icon-white icon-thumbs-up"></i></a> <a href="#" class="btn btn-inverse disabled"><i class="icon-white icon-heart"></i></a> <a href="#" class="btn btn-inverse disabled"><i class="icon-white icon-share-alt"></i></a> </div> <div class="btn-group"> <a href="#" class="btn btn-inverse disabled"><i class="icon-white icon-trash"></i></a> </div> </div>

Questions / Comments:

To change the cursor on mousover, you can use a small snippet css
a.btn >i {cursor:pointer;}

Javier Solis (0) - 5 years ago - Reply 0


gracias!

Javier Solis (0) - 5 years ago - Reply 0


The only thing "off" with this is the fact that the cursor does not change on mouseover (due to the disabled state). You'd probably have to override this with CSS, but it still is a nice little hack to get that flat transparent look.

Mr. S (0) - 5 years ago - Reply 0


Related: See More