comment.twig

<li class="media">
	<div class="media-body">
	    <div class="row">
	        <div class="col-xs-3 col-sm-2">
	            <img src="{{get_avatar_url(get_avatar(comment, 128))}}" class="img-circle img-responsive center-block" alt="{{comment.author.name}}" />
	        </div>
	        <div class="col-xs-9 col-sm-10">
	        	<h4>{% if comment.comment_author_url %}<a href="{{comment.comment_author_url}}">{% endif %}{{comment.author.name}}{% if comment.comment_author_url %}</a>{% endif %} said:</h4>
	        	<p><small>on <time datetime="{{get_comment_date('c', comment.ID)}}"><a href="{{htmlspecialchars(get_comment_link(comment.ID))}}">{{sprintf(__('%1$s'), get_comment_date('', comment.ID),  get_comment_time(comment.ID))}}</a></time></small></p>
	            <div class="comment-text">
					{{comment.comment_content|wpautop}}
	                
					{% if comment.comment_approved == '0' %}
					<div class="alert alert-info">
						{{__('Your comment is awaiting moderation.')}}
					</div>
					{% endif %}
	            </div>
	            <div class="action">
					{% if current_user_can('edit_comment', comment.ID) %}
	                <a href="{{get_edit_comment_link(comment.ID)}}" class="btn btn-primary btn-sm" title="{{__('Edit')}}">
	                    <span class="glyphicon glyphicon-pencil"></span> &nbsp; {{__('Edit')}}
	                </a>
					{% endif %}
	            </div>
	        </div>
	    </div>
	    
	    <hr />
	</div>
</li>