<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ---------->
<div class="container">
<div class="row">
<a href="#" class="list-group-item">
<div class="media col-md-3">
<figure class="pull-left">
<img class="media-object img-rounded img-responsive" src="http://placehold.it/50x50" alt="placehold.it/50x50">
</figure>
</div>
<div class="col-md-6">
<h4 class="list-group-item-heading"> List group heading </h4>
<p class="list-group-item-text"> Ut mea viris eripuit theophrastus, cu ponderum accusata consequuntur cum. Suas quaestio cotidieque pro ea. Nam nihil persecuti philosophia id, nam quot populo ea.
Falli urbanitas ei pri, eu est enim volumus, mei no volutpat periculis. Est errem iudicabit cu. At usu vocibus officiis, ad ius eros tibique appellantur.
</p>
</div>
</a>
</div>
</div>
a.list-group-item {
height:auto;
min-height:220px;
}
a.list-group-item.active small {
color:#fff;
}
.stars {
margin:20px auto 1px;
}
