使用 wordpress 循环引导行和列

Question

在 Wordpress 循环中使用 Bootstrap 时，我遇到了一些逻辑设计困境，我很想知道是否有其他人可能已经找到的任何可能的解决方案。

我基本上有一个遍历 12 个帖子的循环。我正在使用引导网格系统对它们进行布局，并更改列类以响应移动设备和平板电脑的更改。

所以，基本上，这就是我的代码的样子：

<div class="row">
    <?php while ( $parent->have_posts() ) : $parent->the_post(); ?>
    <div class="col-lg-4 col-xs-12">
    	<h3><?php the_title(); ?></h3><hr />
    	<div><?php the_content(); ?></div>
    </div>

    <?php endwhile; ?>
</div>

由于帖子超过 3 个，因此可以很好地将它们布置在多行的 3 列网格中，而无需每三个帖子专门将它们放在单独的“行”元素中。然而，col-4 元素的高度弄乱了网格。所以，如果一个 col-lg-4 元素的高度较大，那么它后面的元素就不能正常浮动。

如果我每 3 个帖子将它们放在一个行元素中，这会影响响应式布局，因为现在当我将列更改为每个帖子 3 个而不是 4 个时，我有一个空元素空间。

关于如何解决这个问题的任何想法？

Answer 1

我遇到了同样的问题，并且能够通过使用matchHeight jQuery plugin 检查每列的高度，然后将该高度应用于每一列，以便它们都相等并且列不相等，从而解决了这个问题摆脱困境。