<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>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" ></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<div class="chatContainer">
<div class="chatTitleContainer">Comments</div>
<div class="chatHistoryContainer">
<ul class="formComments">
<li class="commentLi commentstep-1" data-commentid="4">
<table class="form-comments-table">
<tr>
<td><div class="comment-timestamp">12:03 25/4/2016</div></td>
<td><div class="comment-user">Ollie Bott</div></td>
<td>
<div class="comment-avatar">
<img src="">
</div>
</td>
<td>
<div id="comment-4" data-commentid="4" class="comment comment-step1">
This is a comment HELLO!!!!
<div id="commentactions-4" class="comment-actions">
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i> Reply</button>
<button type="button" class="btn btn-default btn-sm"><i class="fa fa-pencil"></i> Edit</button>
<button type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i >Delete</button>
</div>
</div>
</div>
</td>
</tr>