如何让WordPress在将帖子循环到引导网格时运行？

我用bootstrap做了一个网格，我想用while循环显示5篇文章。我可以得到显示的5个帖子，但它们不在网格中。上栏显示3个立柱，下栏显示3个立柱。这可能吗？第一张图片显示我得到了什么，第二张图片显示了我想要得到什么 及

---

由于帖子宽度不是固定的，我认为应该是：

  <div class="container">
  <div class="row">
 <?php

$args = array(
'post_type' => 'post',
'posts_per_page' => 5,
);

$blogposts = new WP_Query($args);

$i = 0;
while($blogposts->have_posts()) {
$blogposts->the_post();

if ($i < 2) :
?>
<div class="col-md-4">
<?php else : ?>
<div class="col-md-3">
<?php endif; ?>
      <a href="<?php the_permalink(); ?>">
        <div class="card border-0">
          <div class="card-picture">

            <img class="card-img" src="<?php echo get_the_post_thumbnail_url(get_the_ID()); ?>" alt="Card image">

            <div class="card-img-overlay d-flex flex-column">
              <h5 class="card-title font-weight-bold"><?php the_title(); ?></h5>
              <div class="mt-auto"> Miika - <i class="fas fa-clock"></i> 16.2.2020 - Oppaat</div>
            </div>
          </div>
        </div>
      </a>
    </div>

    <?php
$i++;
  }


?>

---

由于帖子宽度不是固定的，我认为应该是：

  <div class="container">
  <div class="row">
 <?php

$args = array(
'post_type' => 'post',
'posts_per_page' => 5,
);

$blogposts = new WP_Query($args);

$i = 0;
while($blogposts->have_posts()) {
$blogposts->the_post();

if ($i < 2) :
?>
<div class="col-md-4">
<?php else : ?>
<div class="col-md-3">
<?php endif; ?>
      <a href="<?php the_permalink(); ?>">
        <div class="card border-0">
          <div class="card-picture">

            <img class="card-img" src="<?php echo get_the_post_thumbnail_url(get_the_ID()); ?>" alt="Card image">

            <div class="card-img-overlay d-flex flex-column">
              <h5 class="card-title font-weight-bold"><?php the_title(); ?></h5>
              <div class="mt-auto"> Miika - <i class="fas fa-clock"></i> 16.2.2020 - Oppaat</div>
            </div>
          </div>
        </div>
      </a>
    </div>

    <?php
$i++;
  }


?>

为什么在第一篇文章周围没有一个

呢？您正在运行所有文章的第一部分，并对其余部分进行硬编码-您应该更新代码以包含一个计数器，让该计数器指定要跨越多少列为什么在第一篇文章周围没有一个

？您正在为所有文章运行第一部分，并对其余部分进行硬编码-您应该更新代码以包含一个计数器，并让该计数器指定要跨越多少列