在WordPress中需要两列帖子和bootstrap。

Question

我正在为客户创建一个Intranet站点，它的工作方式类似于Facebook / Twitter类型的Feed。但是，使用bootstraps网格将页面拆分为三列。

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

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>