Question

这是我的HTML代码：

<div class="container">
  <div class="row">
    <div class="col-sm-3">
    <img src="http://placehold.it/274x175">
    </div>
    <div class="col-sm-3">
    <img src="http://placehold.it/274x175">
    </div>
    <div class="col-sm-3">
    <img src="http://placehold.it/274x175">
    </div>
    <div class="col-sm-3">
    <img src="http://placehold.it/300x600">
    </div>
  </div>
  <div class="row">
    <div class="col-sm-3">
    <img src="http://placehold.it/274x175">
    </div>
    <div class="col-sm-3">
    <img src="http://placehold.it/274x175">
    </div>
    <div class="col-sm-3">
    <img src="http://placehold.it/274x175">
    </div>
 </div>
</div>

这是输出：

https://jsfiddle.net/bnxxkLzv/

在高度为600像素的右横幅之后，第二行开始。我想要实现的是将第二行开始在左的第一行下面开始到300x600横幅，让我们说一些15px的固定边距。如何实现这一目标？

Answer 1

这是一个如何并排堆叠2行的想法

将页面设计为列，并且很容易将它并排堆叠，就像嵌套列一样

看看这个DEMO

要添加margin，您可以在任何您认为合适的地方声明一个类并提供属性值

Bootstrap 3操作网格多行

1 个答案: