"articles votes"
Bootstrap 3.1.0 Snippet by vijay18399

<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"> <div class="well"> <h1 class="text-center">Vote for your favorite</h1> <div class="list-group"> <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/350x250" alt="placehold.it/350x250" > </figure> </div> <div class="col-md-6"> <h4 class="list-group-item-heading"> List group heading </h4> <p class="list-group-item-text"> Eu eum corpora torquatos, ne postea constituto mea, quo tale lorem facer no. Ut sed odio appetere partiendo, quo meliore salutandi ex. Vix an sanctus vivendo, sed vocibus accumsan petentium ea. Sed integre saperet at, no nec debet erant, quo dico incorrupte comprehensam ut. Et minimum consulatu ius, an dolores iracundia est, oportere vituperata interpretaris sea an. Sed id error quando indoctum, mel suas saperet at. </p> </div> <div class="col-md-3 text-center"> <h2> 12424 <small> votes </small></h2> <button type="button" class="btn btn-primary btn-lg btn-block">Vote Now!</button> <h5>By</h5> <h5>Medapatin Vijay Reddy</h5> <h5>16A91A05F4</h5> </div> </a> <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/350x250" alt="placehold.it/350x250" > </figure> </div> <div class="col-md-6"> <h4 class="list-group-item-heading"> List group heading </h4> <p class="list-group-item-text"> Eu eum corpora torquatos, ne postea constituto mea, quo tale lorem facer no. Ut sed odio appetere partiendo, quo meliore salutandi ex. Vix an sanctus vivendo, sed vocibus accumsan petentium ea. Sed integre saperet at, no nec debet erant, quo dico incorrupte comprehensam ut. Et minimum consulatu ius, an dolores iracundia est, oportere vituperata interpretaris sea an. Sed id error quando indoctum, mel suas saperet at. </p> </div> <div class="col-md-3 text-center"> <h2> 12424 <small> votes </small></h2> <button type="button" class="btn btn-primary btn-lg btn-block">Vote Now!</button> <h5>By</h5> <h5>Medapatin Vijay Reddy</h5> <h5>16A91A05F4</h5> </div> </a> <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/350x250" alt="placehold.it/350x250" > </figure> </div> <div class="col-md-6"> <h4 class="list-group-item-heading"> List group heading </h4> <p class="list-group-item-text"> Eu eum corpora torquatos, ne postea constituto mea, quo tale lorem facer no. Ut sed odio appetere partiendo, quo meliore salutandi ex. Vix an sanctus vivendo, sed vocibus accumsan petentium ea. Sed integre saperet at, no nec debet erant, quo dico incorrupte comprehensam ut. Et minimum consulatu ius, an dolores iracundia est, oportere vituperata interpretaris sea an. Sed id error quando indoctum, mel suas saperet at. </p> </div> <div class="col-md-3 text-center"> <h2> 12424 <small> votes </small></h2> <button type="button" class="btn btn-primary btn-lg btn-block">Vote Now!</button> <h5>By</h5> <h5>Medapatin Vijay Reddy</h5> <h5>16A91A05F4</h5> </div> </a> </div> </div> </div> </div>
a.list-group-item { height:auto; min-height:220px; } a.list-group-item.active small { color:#fff; }

Related: See More


Questions / Comments: