带有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检查每个列的高度来解决这个问题，然后将该高度应用于每个列，以便它们全部相等并且列不要忘记。