<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 ----------> <br> <div class="container"> <div class="row"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-align-left"></span> Message </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-earphone"></span> Call </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-facetime-video"></span> Video call </button> </div> <textarea class="form-control" rows="5"></textarea> <div class="btn-group" role="group"> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-volume-up"></span> Audio </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-camera"></span> Image </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-facetime-video"></span> Video </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-paperclip"></span> Attach file </button> </div> <button type="button" class="btn btn-primary pull-right">Submit</button> </div> </div> TODO:<BR> 1. Make labels on buttons disappear when resized.