引导产品水平地像电子商务商店

Question

我希望我的产品在附加图像中水平放置，但当我在我的页面中添加产品时，它以垂直格式显示，但我想要像电子商务产品页面picture here

那样水平添加

Answer 1

你需要在这里设置正确的引导网格结构

根据您的图片，需要设置3列的网格。 您可以从bootstrap官方网站获取相关信息：https://getbootstrap.com/docs/3.3/css/#grid

以下是网格的基本代码，您可以进一步修改。

＆＃13;

＆＃13;

<div class="row">
  <div class="col-lg-4 col-md-4 col-sm-4">1st Grid</div>
  <div class="col-lg-4 col-md-4 col-sm-4">2nd Grid</div>
  <div class="col-lg-4 col-md-4 col-sm-4">3rd Grid</div>
</div>

＆＃13;

＆＃13;

＆＃13;