css - How to get Bootstrap Grid without gaps per row -
attached screenshot of bootstrap grid. wondering how make divs in lower row sit underneath ones above without sitting on new row.
this code snippet of each item
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-xs-12 thumb"> <a class="thumbnail" href="#"> <img class="img-responsive" src="<?php echo $row['productimage']; ?>" width="100%" alt=""> <div class="postcontent"><h3><?php echo $row['productname']; ?></h3><br> <p><?php echo $row['producttext']; ?></p> </div> </a> </div>
thanks heaps
place ones want have aligned vertically in same col
, make width 100%
. wrap in columns then. might want add top margin @ top , bottom simulate gutter
Comments
Post a Comment