"Recent Comments Admin Panel"
Bootstrap 3.0.0 Snippet by Mohamed Tahhan

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <div class="container"> <div class="row"> <div class="panel panel-default widget"> <div class="panel-heading"> <span class="glyphicon glyphicon-comment"></span> <h3 class="panel-title"> Recent Comments</h3> <span class="label label-info"> 78</span> </div> <div class="panel-body"> <ul class="list-group"> <li class="list-group-item"> <div class="row"> <div class="col-xs-2 col-md-1"> <img src="http://placehold.it/80" class="img-circle img-responsive" alt="" /></div> <div class="col-xs-10 col-md-11"> <div> <a href="http://www.jquery2dotnet.com/2013/10/google-style-login-page-desing-usign.html"> Google Style Login Page Design Using Bootstrap</a> <div class="mic-info"> By: <a href="#">Bhaumik Patel</a> on 2 Aug 2013 </div> </div> <div class="comment-text"> Awesome design </div> <div class="action"> <button type="button" class="btn btn-primary btn-xs" title="Edit"> <span class="glyphicon glyphicon-pencil"></span> </button> <button type="button" class="btn btn-success btn-xs" title="Approved"> <span class="glyphicon glyphicon-ok"></span> </button> <button type="button" class="btn btn-danger btn-xs" title="Delete"> <span class="glyphicon glyphicon-trash"></span> </button> </div> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col-xs-2 col-md-1"> <img src="http://placehold.it/80" class="img-circle img-responsive" alt="" /></div> <div class="col-xs-10 col-md-11"> <div> <a href="http://bootsnipp.com/BhaumikPatel/snippets/Obgj">Admin Panel Quick Shortcuts</a> <div class="mic-info"> By: <a href="#">Bhaumik Patel</a> on 11 Nov 2013 </div> </div> <div class="comment-text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim </div> <div class="action"> <button type="button" class="btn btn-primary btn-xs" title="Edit"> <span class="glyphicon glyphicon-pencil"></span> </button> <button type="button" class="btn btn-success btn-xs" title="Approved"> <span class="glyphicon glyphicon-ok"></span> </button> <button type="button" class="btn btn-danger btn-xs" title="Delete"> <span class="glyphicon glyphicon-trash"></span> </button> </div> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col-xs-2 col-md-1"> <img src="http://placehold.it/80" class="img-circle img-responsive" alt="" /></div> <div class="col-xs-10 col-md-11"> <div> <a href="http://bootsnipp.com/BhaumikPatel/snippets/4ldn">Cool Sign Up</a> <div class="mic-info"> By: <a href="#">Bhaumik Patel</a> on 11 Nov 2013 </div> </div> <div class="comment-text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim </div> <div class="action"> <button type="button" class="btn btn-primary btn-xs" title="Edit"> <span class="glyphicon glyphicon-pencil"></span> </button> <button type="button" class="btn btn-success btn-xs" title="Approved"> <span class="glyphicon glyphicon-ok"></span> </button> <button type="button" class="btn btn-danger btn-xs" title="Delete"> <span class="glyphicon glyphicon-trash"></span> </button> </div> </div> </div> </li> </ul> <a href="#" class="btn btn-primary btn-sm btn-block" role="button"><span class="glyphicon glyphicon-refresh"></span> More</a> </div> </div> </div> </div>
body { padding-top:30px; } .widget .panel-body { padding:0px; } .widget .list-group { margin-bottom: 0; } .widget .panel-title { display:inline } .widget .label-info { float: right; } .widget li.list-group-item {border-radius: 0;border: 0;border-top: 1px solid #ddd;} .widget li.list-group-item:hover { background-color: rgba(86,61,124,.1); } .widget .mic-info { color: #666666;font-size: 11px; } .widget .action { margin-top:5px; } .widget .comment-text { font-size: 12px; } .widget .btn-block { border-top-left-radius:0px;border-top-right-radius:0px; }

Related: See More

Awesome Landing Page
animated sinin and signup panel. animated login and registeration page, popup,
Register form, html bootstrap4 registration form card panel
Filter elements, sidebar filter panel bootstrap 4

Questions / Comments:

the time and fire you conserve, it’s well-nigh a no-brainer to constituted up an report with a soul of these on parentage DVD renting providers. As an added reward, wholly of these companies extend a relieve tryout where by you nates impart it a believe. If you never ilk it, then only cancel your bill at heart the show geological period, and it volition non complaint you a centime.

jokar () - 3 years ago - Reply 0

the time and fire you conserve, it’s well-nigh a no-brainer to constituted up an report with a soul of these on parentage DVD renting providers. As an added reward, wholly of these companies extend a relieve tryout where by you nates impart it a believe. If you never ilk it, then only cancel your bill at heart the show geological period, and it volition non complaint you a centime.

jokar () - 3 years ago - Reply 0

the time and fire you conserve, it’s well-nigh a no-brainer to constituted up an report with a soul of these on parentage DVD renting providers. As an added reward, wholly of these companies extend a relieve tryout where by you nates impart it a believe. If you never ilk it, then only cancel your bill at heart the show geological period, and it volition non complaint you a centime.

jokar () - 3 years ago - Reply 0

the time and fire you conserve, it’s well-nigh a no-brainer to constituted up an report with a soul of these on parentage DVD renting providers. As an added reward, wholly of these companies extend a relieve tryout where by you nates impart it a believe. If you never ilk it, then only cancel your bill at heart the show geological period, and it volition non complaint you a centime.

jokar () - 3 years ago - Reply 0

the time and fire you conserve, it’s well-nigh a no-brainer to constituted up an report with a soul of these on parentage DVD renting providers. As an added reward, wholly of these companies extend a relieve tryout where by you nates impart it a believe. If you never ilk it, then only cancel your bill at heart the show geological period, and it volition non complaint you a centime.

http://bit.ly/3gWEeKu

jokar () - 3 years ago - Reply 0

Watch the 40th episode <a href="http://bit.ly/3gWEeKu">قصة عشق</a> , with full subtitles, the Turkish series, translated into Arabic, the drama series, The Mujahid Doctor, translated by Altabib al o3jiza episode 40, in high quality. Watch live online, the story and events of the Miraculous Doctor series is a Turkish television drama series based on the South Korean TV series, the series starring Taner Olms. <a href="http://bit.ly/3afGnzQ">قصة عشق</a>

jokar () - 3 years ago - Reply 0

the time and fire you conserve, it’s well-nigh a no-brainer to constituted up an report with a soul of these on parentage DVD renting providers. As an added reward, wholly of these companies extend a relieve tryout where by you nates impart it a believe. If you never ilk it, then only cancel your bill at heart the show geological period, and it volition non complaint you a centime.

jokar () - 3 years ago - Reply 0

the time and fire you conserve, it’s well-nigh a no-brainer to constituted up an report with a soul of these on parentage DVD renting providers. As an added reward, wholly of these companies extend a relieve tryout where by you nates impart it a believe. If you never ilk it, then only cancel your bill at heart the show geological period, and it volition non complaint you a centime.

http://bit.ly/3gWEeKu

jokar () - 3 years ago - Reply 0

Watch the 40th episode <a href="http://bit.ly/3gWEeKu">قصة عشق</a> , with full subtitles, the Turkish series, translated into Arabic, the drama series, The Mujahid Doctor, translated by Altabib al o3jiza episode 40, in high quality. Watch live online, the story and events of the Miraculous Doctor series is a Turkish television drama series based on the South Korean TV series, the series starring Taner Olms. <a href="http://bit.ly/3afGnzQ">قصة عشق</a>

jokar () - 3 years ago - Reply 0