html - Website content -
i've tried many ways code none of them works. 3 products listed vertically in 1 column. have no idea on how separate the following <div>
containing 6 others product different columns beside it. can me solve this?
or, in other ways, can <div>
aligned 3 products per row, not in column?
<div class="products-right-grids-position1"> <h4>bun boy bakery</h4> <p>best bakery in town </p> <p> </p> </div> </div> </div> <div class="products-right-grids-bottom"> <div class="col-md-4 products-right-grids-bottom-grid"> <?php echo getpros(); ?> <?php echo getbreadpros(); ?> </div> <div class="clearfix"> </div> </div>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#">about</a> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px"> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#mymodal1" data-toggle="modal">share</a> </div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#">about</a> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px"> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#mymodal1" data-toggle="modal">share</a> </div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#">about</a> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px"> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#mymodal1" data-toggle="modal">share</a> </div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#">about</a> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px"> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#mymodal1" data-toggle="modal">share</a> </div> </div> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#">about</a> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px"> </div> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> <a href="#mymodal1" data-toggle="modal">share</a> </div> </div> </div>
Comments
Post a Comment