<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/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 class="col-md-10 clear"><hr><h3>Deixe seu Comentario</h3> </div> <div class="col-md-10"> <div class="container-fluid well span8"> <div class="panel panel-default"> <div class="panel-body"> <form accept-charset="UTF-8" action="" method="POST"> <textarea class="form-control counted" name="message" placeholder="Digite uma mensagem" rows="5" style="margin-bottom:10px;"></textarea> <h6 class="pull-right" id="counter">320 characters remaining</h6> <button class="btn btn-info" type="submit">Comentar</button> </form> </div> </div> </div> </div> </div> <div class="row clear"><hr> <div class="col-md-2 col-md-offset-1" > <img src="https://secure.gravatar.com/avatar/de9b11d0f9c0569ba917393ed5e5b3ab?s=80&r=g&d=mm" class="img-circle"> </div> <div class="col-md-8 "> <h3>Nome do usuario</h3> Em design gráfico e editoração, Lorem ipsum é um texto utilizado para preencher o espaço de texto em publicações (jornais, revistas, e websites), com a finalidade de verificar o lay-out, tipografia e formatação antes de utilizar conteúdo real. Muitas vezes este texto também é utilizado em catálogos de tipografia para demonstrar textos e títulos escritos com as fontes. </div> </div>