<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 ----------> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="panel panel-primary"> <div class="panel-heading"> <span class="panel-title">Panel with 2 button dropdowns</span> <div class="btn-group pull-right"> <div class="btn-group"> <a href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-cog"></span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action 1</a></li> <li><a href="#">Action 2</a></li> <li class="divider"></li> <li><a href="#">Another Action</a></li> </ul> </div> <div class="btn-group"> <a href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-remove"></span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action 1</a></li> <li><a href="#">Action 2</a></li> <li class="divider"></li> <li><a href="#">Another Action</a></li> </ul> </div> </div> </div> <div class="clearfix"></div> <div class="panel-body"> <table class="table table-condensed"> <thead> <tr> <th>Column 1</th> <th>Message</th> </tr> </thead> <tbody> <tr> <td>Data</td> <td>Content</td> </tr> <tr> <td>Data</td> <td>Content</td> </tr> <tr> <td>Data</td> <td>Content</td> </tr> </tbody> </table> </div> </div> </div> </div> </div>

@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); .panel { margin-top: 25px; } .btn-click { margin-top: -27px; font-size: 26px; cursor: pointer; } .btn-click > .fa.fa-chevron-circle-up { color: rgba(249, 249, 249, .5); } .btn-white { color: #5e5e5e; background-color: #fff; border: 1px solid #e5e9ec; }