<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ----------> <br><br> <div class="main container-fluid well col-lg-4"> <div class="row-fluid"> <div class="col-lg-3" > <img src="https://secure.gravatar.com/avatar/de9b11d0f9c0569ba917393ed5e5b3ab?s=140&r=g&d=mm" class="img-circle img-responsive"> </div> <div class="col-lg-6"> <h2>User Name</h2> <h5>Email: MyEmail@servidor.com</h5> <h5>Ubication: Colombia</h5> <h5>Old: 1 Year</h5> <h5><a href="#">More... </a></h5> </div> <div class="col-lg-3"> <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> <i class="glyphicon glyphicon-cog glyphicon-white"></i> Action <i class="caret"></i> </a> <ul class="dropdown-menu"> <li><a href="#"><i class="glyphicon glyphicon-wrench"></i> Modify</a></li> <li><a href="#"><i class="glyphicon glyphicon-trash"></i> Delete</a></li> </ul> </div> </div> </div> </div> </div>

.main { margin-left: 15px; padding: 20px 0; min-height: 250px; } .main .btn { border:0; border-radius: 0; background: #428bca; color: #ffffff; } .main .btn:hover, .main .btn:focus { background: #2a6496; color: #ffffff; } .main .dropdown-menu { background-color: #428bca; border:0; padding: 0; border-radius: 0; } .main .dropdown-menu a { color: #ffffff; padding: 5%; } .main .dropdown-menu a:hover, .main .dropdown-menu a:focus { color: #ffffff; background: #2a6496; }