<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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"> <h2>List</h2> <hr> <div class="row"> <div class="col-xs-12" style=""> <div class="panel panel-default list-group-panel"> <div class="panel-body"> <ul class="list-group list-group-header"> <li class="list-group-item list-group-body"> <div class="row"> <div class="col-xs-6 text-left">Name</div> <div class="col-xs-3">Size</div> <div class="col-xs-3">Modified</div> </div> </li> </ul> <ul class="list-group list-group-body" style=""> <li class="list-group-item"> <div class="row"> <div class="col-xs-6 text-left" style=" "> <a><span class="glyphicon glyphicon-file" aria-hidden="true"></span> App Icon </a> </div> <div class="col-xs-3" style="">...</div> <div class="col-xs-3" style="">...</div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col-xs-6 " style=" "> <a><span class="glyphicon glyphicon-file" aria-hidden="true"></span> App Icon </a> </div> <div class="col-xs-3" style="">...</div> <div class="col-xs-3" style="">...</div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col-xs-6 text-left" style=" "> <a><span class="glyphicon glyphicon-file" aria-hidden="true"></span> App Icon </a> </div> <div class="col-xs-3" style="">...</div> <div class="col-xs-3" style="">...</div> </div> </li> </ul> </div> </div> </div> </div> </div>

body{ font-family:"Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;font-size:13px; color:#3d464d!important;font-weight:normal } .list-group-item{ border: 0; padding-left: 0; border-top: 2px solid; border-color: rgba(37,40,43,0.1); transition: all 0.3s ease-in-out; } .list-group-item:hover{ transition: all 0.3s ease-in-out; background-color: #f9f9f9; } .list-group .list-group-item:first-child{ border:0; } .list-group .list-group-item a{ color: #2895F1; cursor: pointer; text-decoration: none; } .list-group.list-group-header{ padding:0; margin:0; } .list-group.list-group-body .glyphicon { font-size: 25px; vertical-align: middle; } .list-group-panel{ border: 1px solid #ccdbeb; border-radius: 0; }