<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <nav class="navbar navbar-default" role="navigation"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Candidatos</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#">Candidatos</a></li> <li><a href="#">Iniciativas</a></li> </ul> </div><!-- /.navbar-collapse --> </div> </nav> <div class="container"> <div class="row"> <div class="col-lg-12"> <h1>Participación Ciudadana <small>Elige tus candidatos</small></h1> </div> </div> <hr> <div class="row"> <div class="col-lg-6"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Ultimos candidatos</h3> </div> <div class="panel-body"> <div class="list-group"> <a href="#" class="list-group-item"> <img src="http://images5.fanpop.com/image/photos/31100000/Tony-Stark-tony-stark-31182291-100-100.png" class="img-circle list-group-item-image"> <h4 class="list-group-item-heading">Tony Stark</h4> <p class="list-group-item-text">Stark Industries</p> </a> <a href="#" class="list-group-item"> <img src="https://v.dreamwidth.org/4194097/1624909" class="img-circle list-group-item-image"> <h4 class="list-group-item-heading">Steve Rogers</h4> <p class="list-group-item-text">H.Y.D.R.A.</p> </a> </div> </div> </div> </div> <div class="col-lg-6"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Ultimas iniciativas</h3> </div> <div class="panel-body"> <div class="list-group"> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading">New Avengers</h4> <p class="list-group-item-text">Crear una nueva liga de superhéroes para combatir a Loki</p> </a> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading">¿Es el Mjølnir invencible?</h4> <p class="list-group-item-text">Proyecto de Ley para investigar el poder infinito del martillo de Thor</p> </a> </div> </div> </div> </div> </div> </div>

.list-group-item { overflow: hidden; } .list-group-item-image { float: left; margin-right: 10px; }