Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
 <div class="panel-footer">
   <a>Comment 1</a>
</div>

 <div class="panel-footer">
   <a >Comment 2</a>
</div>

 <div class="panel-footer">
     	<a class="comment-add"><span class="glyphicon glyphicon-plus"></span></a>
</div>

CSS

/* Latest compiled and minified CSS included as External Resource*/

.comment-add{
  border: none;
  color: black;
  font-weight: normal;
}

.glyphicon{
  cursor: pointer;
  color: black;
  top: 50%;
}

body {
    margin: 10px;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */

$(document).ready(function(){
    $(".comment-add").click(function(){
    		var c = "<span class='glyphicon glyphicon-plus'></span>"
				var b = "<a class='comment-add'>"+c+"</a>"
        var a = "<div class='panel-footer'>"+b+"</div>"
        $(this).parent().after(a);
        
    });
});