JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<div class="container-fluid">
	<div class="row-fluid">
        <br/>
		<table class="table table-bordered">
			<tr>
                <td>
					Usual button group.
					<div class="btn-group pull-right">
						<a class="btn btn-mini" href="#"><i class="icon-plus"></i></a>
						<a class="btn btn-mini" href="#"><i class="icon-edit"></i></a>
						<a class="btn btn-danger btn-mini" href="#"><i class="icon-white icon-remove"></i></a>
					</div>
				</td>
			</tr>
			<tr>
                <td>
					Button group appearing on hover.
					<div class="btn-group btn-group-hover pull-right">
						<a class="btn btn-mini" href="#"><i class="icon-plus"></i></a>
						<a class="btn btn-mini" href="#"><i class="icon-edit"></i></a>
						<a class="btn btn-mini" href="#"><i class="icon-remove"></i></a>
					</div>
				</td>
			</tr>
			<tr>
                <td>
					Button group appearing on hover (with white icons).
					<div class="btn-group btn-group-hover pull-right">
						<a class="btn btn-success btn-mini" href="#"><i class="icon-white icon-plus"></i></a>
						<a class="btn btn-mini" href="#"><i class="icon-edit"></i></a>
						<a class="btn btn-danger btn-mini" href="#"><i class="icon-white icon-remove"></i></a>
					</div>
				</td>
			</tr>
		</table>
    </div>
</div>

CSS

.btn-group-hover .btn {
    border-color: white;
    background: white;
    text-shadow: 0 1px 1px white;
    -webkit-box-shadow: inset 0 1px 0 white;
    -moz-box-shadow: inset 0 1px 0 white;
    box-shadow: inset 0 1px 0 white;
}
.btn-group-hover {
    opacity: 0;
}

JavaScript

$(document).ready(function(){
    $('tr').on({
		mouseenter: function(){
			$(this)
				.find('.btn-group-hover').stop().fadeTo('fast',1)
				.find('.icon-white').addClass('icon-white-temp').removeClass('icon-white');
		},
		mouseleave: function(){
			$(this)
				.find('.btn-group-hover').stop().fadeTo('fast',0);
		}
	});

    $('.btn-group-hover').on({
		mouseenter: function(){
			$(this).removeClass('btn-group-hover')
				.find('.icon-white-temp').addClass('icon-white');
		},
		mouseleave: function(){
			$(this).addClass('btn-group-hover')
				.find('.icon-white').addClass('icon-white-temp').removeClass('icon-white');
		}
	});
})