Php WP和bootstrap：在两行中显示6篇最新文章，并用分隔它们，当页面上只有3篇文章时，不显示

我正在使用twitter引导构建wordpress博客，我有一个代码，在页面上的每第三篇文章之后生成一个新的引导行。我想出了如何在行之间插入hr标记来分隔行，但不能在页面上的最后一篇文章之后插入，因为每页只有6篇文章，页脚的上边框看起来与hr分隔符相同

代码如下：

  <div class="row">
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <article class="col-md-4 col-sm-4 small-article" id="post-<?php the_ID(); ?>" role="article">
      <p class="article-date"><?php include (TEMPLATEPATH . '/inc/meta.php' ); ?></p>
      <h1><?php the_title(); ?></h1>
      <p class="article-short-text"><?php the_excerpt(); ?></p>
      <a href="<?php the_permalink(); ?>" class="btn btn-learn-more">Read More</a>
    </article>
  <?php 
    $counter++;
    if ($counter == 6) {
      echo  '';
    }elseif($counter % 3 == 0){
      echo '</div><hr class="small-article-divider"><div class="row">'; 
    }
    endwhile; endif; 
  ?>
  </div><!-- /row -->

我不明白的是，当页面上只有3篇文章，或者一行有3篇文章时，如何不插入hr。现在，如果页面上有3篇文章，它会插入hr，这会破坏布局，因为正如我已经提到的，页脚的上边框看起来与hr分隔符相同。 有人能帮我解决这个问题吗

编辑：

正如我在评论中向某人提到的，以下是我需要完成的工作背后的逻辑：如果页面上有3篇以上的文章，则必须在第3篇文章之后插入一个新的引导行，hr将这些行分隔开。页面上最后一篇文章后面不能有分隔符，也不能插入新行，如果页面上正好有3篇文章，也不能有新行，也不能有分隔符。

请尝试：

if ($counter == 3) : 
 //something
else if $counter == 6):
 //something
else($counter % 3 == 0):
 //something
endif;

---

我在一个朋友的帮助下找到了答案

<?php 
$count = 0;

if (have_posts()) {
    while (have_posts()): the_post();
        $count++;
    endwhile;
}
?>
<div class="row">
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <article class="col-md-4 col-sm-4 small-article" id="post-<?php the_ID(); ?>" role="article">
      <p class="article-date"><?php include (TEMPLATEPATH . '/inc/meta.php' ); ?></p>
      <h1><?php the_title(); ?></h1>
      <p class="article-short-text"><?php the_excerpt(); ?></p>
      <a href="<?php the_permalink(); ?>" class="btn btn-learn-more">Read More</a>
    </article>
  <?php 
    $counter++;
    if ($counter == 6) {
      echo  '';
    }elseif($counter % 3 == 0 && $count != 3){
      echo '</div><hr class="small-article-divider"><div class="row">'; 
    }
    endwhile; endif; 
  ?>
</div><!-- /row -->

---

3可以被3整除，因此被加上。可能我没有理解这个问题，检查我的更新，它不起作用。下面是我所需要的逻辑：如果页面上有3篇以上的文章，则必须在第3篇文章之后插入一个新的引导行，hr将这些行分隔开。页面上最后一篇文章后面不能有分隔符，不能插入新行，也不能有新行，当页面上正好有3篇文章时，不能有分隔符。