Question

我正在使用bootstrap（12 cols），我希望每列有3个图像。我不知道图像宽度应该是多少。我试过这个：
70（col宽）* 3colums + 60（30px gutter）= 270px。

但是，如果页面在大型监视器上不是全宽，则列将换行。

我应该创建每个图像的宽度？

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <img src="images/our-work.png" class="img-responsive" />
    </div>
    <div class="col-md-4">
      <img src="images/galleries.png" class="img-responsive"/>
    </div>
    <div class="col-md-4">
      <img src="images/news.png" class="img-responsive"  />
    </div>
  </div>
</div>

Answer 1

如果您对列使用col-md-4，则意味着任何视口低于992像素将更改为完整的12列宽。这也意味着您可能需要的最大宽度基于下一个较小列宽（col-sm-）的容器大小（即750）。然后您减去容器上的填充= 720像素宽度。

.container {
  padding-right: 15px;
  padding-left: 15px;

当你使用img-responsive时，你可以变得更安全，但720就足够了。

Bootstrap - 3列 - 我创建图像的宽度是多少？

1 个答案: