<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" media="screen"> <div class="container"> <div class="row" style="padding-top:50px"> <div class="col-md-6 col-md-offset-3 text-center"> <div class="btn-group"> <button type="button" class="btn btn-default"><i class="fa fa-facebook"></i></button> <button type="button" class="btn btn-default"><i class="fa fa-twitter"></i></button> <button type="button" class="btn btn-default"><i class="fa fa-envelope"></i></button> </div> </div> </div> </div>

.btn-default { font-size: 36px; padding: 16px 30px; min-width: 114px; border-color: #ededed; } .fa { color: #4483DC; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #f8f8f8; border-color: #ededed; }