<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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> <div class="span1"> <a href="#" class="btn btn-primary"> <i class="icon-pencil icon-white"></i> <span><strong>Write</strong></span> </a> </div> <div class="span1"> <a href="#" class="btn btn-primary"> <i class="icon-eye-open icon-white"></i> <span><strong>View</strong></span> </a> </div> <div class="span1"> <a href="#" class="btn btn-primary"> <i class="icon-edit icon-white"></i> <span><strong>Edit</strong></span> </a> </div> <div class="span1"> <a href="#" class="btn btn-primary"> <i class="icon-trash icon-white"></i> <span><strong>Delete</strong></span> </a> </div> </div> <br><br><br><br> <div> <a href="#" class="btn"><i class="icon-pencil"></i> <strong>Write</strong></a> <a href="#" class="btn"><i class="icon-edit"></i> <strong>Edit</strong></a> <a href="#" class="btn"><i class="icon-trash"></i> <strong>Delete</strong></a> <a href="#" class="btn"><i class="icon-align-justify"></i> <strong>List</strong></a> </div>