2016-04-25 114 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)。 –