Bootstrap snippet: Goolge plus style user profile

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,profile



<div class="col-md-4 col-sm-6"> <div class="panel panel-default"> <div class="panel-heading"><a class="pull-right" href="#">View all</a> <h4>Profiles</h4></div> <div class="panel-body"> Check out some of our member profiles.. <hr> <div class="well well-sm"> <div class="media"> <a href="#" class="thumbnail pull-left"> <img src="//placehold.it/80" class="media-object"> </a> <div class="media-body"> <h4 class="media-heading">John Doe</h4> <p><span class="label label-info">10 photos</span> <span class="label label-primary">89 followers</span></p> <p> <a class="btn btn-xs btn-default" href="#"><span class="glyphicon glyphicon-comment"></span> Message</a> <a class="btn btn-xs btn-default" href="#"><span class="glyphicon glyphicon-heart"></span> Favorite</a> </p> </div> </div> </div> </div> </div> </div>
body{margin-top:20px;}
Dey-Dey

Goolge plus style user profile

Dey-Dey
  May 7th 2014, 15:19
1.8K Views