Bootstrap列跳过两个地方

Question

我有一个PHP页面,页面上有几个项目.我想在大型显示器上使用三列,但这就是它的功能.一列只跳过第一页上的两列.当有四列时,它不会那样做,但我想要三列.

列上没有其他样式,为什么这样做呢？

Answer 1

根据引导指南,Tanbi的建议很好,但如果您不想.row div在项目之间添加,div可以使用下面提到的css

.col-md-4:nth-child(3n+3) + .col-md-4{clear:both;}

我不确定,但我认为这是有效的.

Answer 2

它关于元素的高度。您可以按如下方式使用行分类的div。

<div class="row">
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
</div>
<div class="row">
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
</div>