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>&nbsp;</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

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -