html - 在带有 Bootstrap 的 WordPress 中需要两列帖子。

Question

我正在为客户制作一个内部网站，它的工作方式类似于 Facebook/twitter 类型的提要。但是，该页面使用 Bootstrap 网格分为三列。

一列是用于导航的侧边栏，但其他两列应按以下顺序填充帖子。

1  2
3  4
5  6

Show more...

我正在努力让 wordpress 帖子跨越打扰列。

我目前将每个帖子都放在一个中，但这只会堆叠所有的 div，并且我在更大的帖子之间获得了很大的空间。

这是内容当前的显示方式。

http://i.stack.imgur.com/6FjJv.png

这就是我想要的。

http://i.stack.imgur.com/KDoXX.png

非常感谢您的帮助。

Answer 1

如何循环遍历您的帖子两次，在第一次传递中呈现第一列，在第二次传递中呈现第二列。第一次丢弃偶数帖子，第二次丢弃奇数帖子。然后你可以一次建立一列，而不是一次建立一行，并像这样构建 HTML -

<div class="row">
    <div class="col-md-6">
        <?php // loop through posts discarding evens ?>
    </div>
    <div class="col-md-6">
        <?php // loop through posts discarding odds ?>
    </div>
</div>