"Rows with border"
Bootstrap 2.3.2 Snippet by basica

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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 show5"> <div class="row user-block"> <div class="span12"> <div class="row"> <div class="wrapper-show5"> <div class="span4 inner"> <p class="user-val">1<p/> </div> <div class="span2 inner"> <p class="user-val">2<p/> </div> <div class="span2 inner"> <i class="icon icon-envelope"></i> <p class="user-val">6019222<p/> </div> <div class="span2 inner"> <i class="icon icon-envelope"></i> <p class="user-val">6019222<p/> </div> <div class="span2 inner"> <i class="icon icon-envelope"></i> <p class="user-val">6019222<p/> </div> </div> </div> </div> </div> </div>
.show5 { margin-top: 50px; } .row.user-block { border: 1px solid #eee; } .row.user-block + .row { border-top: 0; } .wrapper-show5 { display: flex; } .inner { background: #fff; border-right: 1px solid #eee; padding: 10px 5px; text-align:center; } .inner-end { background: #fff; padding: 10px 5px; } .user-val { margin-top: 10px; font-size:16px; }

Related: See More


Questions / Comments: