php - 如何使用 PHP 在 Bootstrap 3 中创建 3 COLUMNS 后的新行？

Question

我真的需要一些帮助。我正在将我的网站从纯 HTML 转换为 WordPress。但是我注意到一个大问题，在静态网站上我有一个包含 3 列的 ROW，它工作得很好。在 Wordpress 中，我注意到 ROW 没有创建新的 ROW，只是继续在第 3 列旁边添加新列。

我怎样才能用循环或其他东西解决这个问题？

我的代码:

           <?php $query = new WP_Query(array('post_type' => 'wpa_diensten',  'posts_per_page' => -1));  ?>

            <?php if($query->have_posts()): global $more;  ?>
            <?php while($query->have_posts()): $query->the_post(); $more = 0; ?>

            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-height col-md-height col-sm-height col-top <?php post_class( 'clearfix' ); ?>">
                        <span class="wpa-service-bim-image"></span>
                            <h1><?php the_title(); ?></h1>

                            <?php if ( has_post_thumbnail($post->ID) ): ?>
                                <p><?php echo get_the_post_thumbnail( $post->ID, 'large', array('class' => "img-responsive")); ?></p>
                            <?php endif; ?>                               

                            <?php the_content(); ?>

                            <p><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">Lees verder >></a></p>
            </div><!-- end: col -->

            <?php endwhile; ?>
        <?php endif; ?>
        </div>
    </div>
</div>

Answer 1

在 while 循环外添加一个初始值为零的 $count 变量

然后在每次循环之后在 while 循环中将 $count 增加 1

如果条件 $count%3==0 添加

如果为真则创建新行

否则创建新的col

$count=0
while($query->have_posts()): $query->the_post(); $more = 0;
$count+=1;
if($count%3==0){
//make new row
}
else{
//make new col
}