"Hover Blue Button Bar"
Bootstrap 3.2.0 Snippet by jtraviesor

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ----------> <head> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"> </head> <div class="container"> <div class="row"> <div class="toolbox btn-group-vertical" role="group" aria-label="Default button group"> <button type="button" class="btn btn-default "><i class="fa fa-paint-brush" ></i>  Whiteboard</button> <button type="button" class="btn btn-default "><i class="fa fa-recycle" ></i>  Reset Board</button> <button type="button" class="btn btn-default "><i class="fa fa-desktop" ></i>  Share Screen</button> <button type="button" class="btn btn-default "><i class="fa fa-stop" ></i>  Stop Sharing</button> <button id="disconnect" type="button" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="" data-original-title="Disconnect"><i class="fa fa-close" ></i>  Disconnect</button> </div> </div> </div>
/* Blue Flat Button ==================================================*/ .toolbox .btn{ margin-bottom:5px; }

Related: See More

Vue Material Dashboard PRO
Hexa shape button
Hover Effect Style
Different types of hover and transition effect.

Questions / Comments: