Bootstrap snippet: Table user information

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: user,list,table,information



<div class="container bootstrap snippet"> <div class="panel-body inf-content"> <div class="row"> <div class="col-md-4"> <img alt="" style="width:600px;" title="" class="img-circle img-thumbnail isTooltip" src="http://bootdey.com/img/Content/user-453533-fdadfd.png" data-original-title="Usuario"> <ul title="Ratings" class="list-inline ratings text-center"> <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li> <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li> <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li> <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li> <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li> </ul> </div> <div class="col-md-6"> <strong>Information</strong><br> <div class="table-responsive"> <table class="table table-condensed table-responsive table-user-information"> <tbody> <tr> <td> <strong> <span class="glyphicon glyphicon-asterisk text-primary"></span> Identificacion </strong> </td> <td class="text-primary"> 123456789 </td> </tr> <tr> <td> <strong> <span class="glyphicon glyphicon-user text-primary"></span> Name </strong> </td> <td class="text-primary"> Bootdey </td> </tr> <tr> <td> <strong> <span class="glyphicon glyphicon-cloud text-primary"></span> Lastname </strong> </td> <td class="text-primary"> Bootstrap </td> </tr> <tr> <td> <strong> <span class="glyphicon glyphicon-bookmark text-primary"></span> Username </strong> </td> <td class="text-primary"> bootnipets </td> </tr> <tr> <td> <strong> <span class="glyphicon glyphicon-eye-open text-primary"></span> Role </strong> </td> <td class="text-primary"> Admin </td> </tr> <tr> <td> <strong> <span class="glyphicon glyphicon-envelope text-primary"></span> Email </strong> </td> <td class="text-primary"> noreply@email.com </td> </tr> <tr> <td> <strong> <span class="glyphicon glyphicon-calendar text-primary"></span> created </strong> </td> <td class="text-primary"> 20 jul 20014 </td> </tr> <tr> <td> <strong> <span class="glyphicon glyphicon-calendar text-primary"></span> Modified </strong> </td> <td class="text-primary"> 20 jul 20014 20:00:00 </td> </tr> </tbody> </table> </div> </div> </div> </div> </div>
.inf-content{ border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3); }
Dey-Dey

Table user information

Dey-Dey
  Jul 14th 2014, 17:53
4.4K Views