<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div class="container">
<div class="col-sm-8">
<div class="panel panel-white post">
<div class="post-footer">
<div class="input-group">
<input class="form-control" placeholder="Add a comment" type="text">
<span class="input-group-addon">
<a href="#"><i class="fa fa-edit"></i></a>
</span>
</div>
<ul class="comments-list">
<li class="comment">
<div class="comment-body">
<div class="comment-heading">
<h4 class="user">The 10th Doctor</h4>
<h5 class="time">5 minutes ago</h5>
</div>
<p>I don't want to go. You can spend the rest of your life with me, but I can't spend the rest of mine with you. I have to live on. Alone. That's the curse of the Time Lords. Oh, yes. Harmless is just the word: that's why I like it! Doesn't kill, doesn't wound, doesn't maim. But I'll tell you what it does do: it is very good at opening doors! River, you know my name. You whispered my name in my ear! There's only one reason I would ever tell anyone my name. There's only one time I could... There's something else I've always wanted to say: Allons-y, Alonso!</p>
</div>
<ul class="comments-list">
<li class="comment">
<div class="comment-body">
<div class="comment-heading">
<h4 class="user">The 4th Doctor</h4>
<h5 class="time">3 minutes ago</h5>
</div>
<p>What?! Come out. And don't touch anything! You may be a doctor. But I'm the Doctor. The definite article, you might say. Come on! Well, my Doctorate is purely honorary and Harry is only qualified to work on sailors. Shut up, K-9! Would you like a jelly baby? It seems you have a very large rat Brigadier—maybe you should employ the services of a very large cat? Have a jelly baby. Are you listening to me? You're standing on my scarf. Hello-o-o-o. I might've been saying something important. I was saying something important!</p>
</div>
</li>
</ul>
</li>
</ul>
<ul class="comments-list">
<li class="comment">
<div class="comment-body">
<div class="comment-heading">
<h4 class="user">Scarlett O'Hara</h4>
<h5 class="time">1 hour ago</h5>
</div>
<p>Where shall I go? What shall I do?</p>
</div>
<ul class="comments-list">
<li class="comment">
<div class="comment-body">
<div class="comment-heading">
<h4 class="user">Rhett Butler</h4>
<h5 class="time">1 hour ago</h5>
</div>
<p>Frankly, my dear, I don't give a damn</p>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
