Bootstrap snippet: user list inside narrow jumbotron

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: list,user



<link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> <div class="container bootstrap snippet"> <div class="header"> <h3 class="text-muted prj-name"> <span class="fa fa-users fa-2x"></span> Users </h3> </div> <div class="jumbotron" style="min-height:400px;height:auto;"> <ul class="list-group"> <li class="list-group-item user-item text-left"> <img class="img-circle img-user " src="http://bootdey.com/img/Content/user-453533-fdadfd.png"> <h3> <a href="#">Bootdey bootstrap</a><br> <a class="btn btn-info"> <span class="glyphicon glyphicon-share-alt"></span>View </a> </h3> </li> <li class="list-group-item user-item text-left"> <img class="img-circle img-user " src="http://bootdey.com/img/Content/Smartypants3.jpg"> <h3> <a href="#">A.j from farly good parents</a><br> <a class="btn btn-info"> <span class="glyphicon glyphicon-share-alt"></span>View </a> </h3> </li> <li class="list-group-item user-item text-left"> <img class="img-circle img-user " src="http://bootdey.com/img/Content/Twitter_bird_icon.png"> <h3> <a href="#">Twitter man</a><br> <a class="btn btn-info"> <span class="glyphicon glyphicon-share-alt"></span>View </a> </h3> </li> </ul> </div> </div> </div>
.jumbotron .btn { color:#FFFFFF; padding: 5px !important; font-size: 12px !important; margin-left:20px; } .jumbotron label { font-size:12px; } .img-user{ height:120px; width:120px; } .prj-name{ font-weight:bold; color:#5bc0de; } .user-item img, .user-item h3 { display:inline-block; } .jumbotron .btn .user-item h3 a{ color:#5bc0de; padding: 5px !important; font-size: 12px !important; }
Dey-Dey

user list inside narrow jumbotron

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