2016-04-25 156 views
0

使用Bootstrap,实现这种布局的最佳方式是什么? 这些职位是一个循环,并应提前显示16CSS中的网格布局

感谢页面上enter image description here

UPDATE 由于都柏林(评论),我向正确的CSS布局

这是什么我想到了,如果它可以帮助其他 `

 <?php if($count == 2 || $count == 4 || $count == 6|| $count == 8|| $count == 10|| $count == 12 || $count == 14){?> 
     </div> 

     <?php }?>` 
+0

你在找这样的东西:[平等高度的列](http://getbootstrap.com.vn/examples/equal-height-columns/)?如果示例没有帮助,请使用标记更新问题或创建[jsfiddle](https://jsfiddle.net/) –

+1

,可以使用嵌套列[Bootstrap combined rows(rowspan)]](http:// stackoverflow .com /问题/ 16351404/bootstrap-combining-rows-rowspan) –

回答

0

我会把前两个'顶部'元素放在一行div中。 然后在班级中添加第二个较小的右拉。只需在第二行的大格中左拉,然后在第二格中右拉即可。 这里是我在谈论漂亮colors

+0

为草率建设道歉,我希望它能够得到足够好的观点! –

+0

感谢杜宾,这让我走向了正确的方向。任何想法我将如何实现这个WordPress的循环? –

+0

所以我从来没有在我的生活中使用过Wordpress,但是这里有一些关于[loop]的信息(https://codex.wordpress.org/The_Loop)。 –