"List Group Horizontal #2"
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"> <div class="row"> <div class="pp-wrapper-prop-details"> 1 <ul id="ul1"> <li><img src="http://via.placeholder.com/16x16"><span>ite</span></li> <li><img src="http://via.placeholder.com/16x16"><span>item</span></li> <li><img src="http://via.placeholder.com/16x16"><span>item</span></li> <li><img src="http://via.placeholder.com/16x16"><span>item</span></li> </ul> 2 <ul id="ul2"> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul> 3 <ul id="ul3"> <li>item<span> kucen</span></li> <li>item<span> kucen</span></li> <li>item<span> kucen</span></li> </ul> </div> </div> </div>
.pp-wrapper-prop-details ul { padding: 0; display:table; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin: 10px 0; table-layout: fixed; } .pp-wrapper-prop-details li { display:table-cell; border: 1px solid #eee; padding: 5px 2px 10px; } .pp-wrapper-prop-details li span { margin: 0 10px 0 0; vertical-align: middle; font-size: 14px; font-weight: 700; padding: 5px 2px 10px; } .pp-wrapper-prop-details li:nth-child(2n) { }

Related: See More


Questions / Comments: