最简单的方法是使用“循环”也输出列。因此，每个帖子都有自己的一列，它们只是相互叠加。然后，当您到达引导较小的断点时，右侧的立柱将直接移动到左侧立柱的下方。如下图所示。这是你想要的行为。

---------------          ---------
Post 1 | Post 2           Post 1
Post 3 | Post 4  Becomes  Post 2
Post 5 | post 6           Post 3
---------------           Post 4
                          etc.
                          -------

有一些方法可以只将其他帖子输出到一列中，然后将其余的帖子输出到另一列中。问题是，在较窄的屏幕上，当所有列都堆叠在一列中时，所有右侧列都会移到左侧下方。我不知道为什么会有人想要。像这样。。。

---------------          ---------
Post 1 | Post 2           Post 1
Post 3 | Post 4  Becomes  Post 3
Post 5 | post 6           Post 5
---------------           Post 2
                          Post 4
                          Post 6   
                          -------

这就是我将如何使用“循环”并将其与引导类混合。

      <div class="row"> <!-- MAIN ROW START***** -->
         <div class="col-sm-8"> <!-- article columns -->
            <div class="row" style="margin-bottom: 30px;">
               <?php if (have_posts()) : while (have_posts()) : the_post();?> 
                 <div class=\'<?php echo \'col-xs-12 col-sm-6\'; ?>\'>
                   <h2><?php the_title(); ?></h2>
                   <p><?php the_content(); ?></p>
                 </div>
              <?php endwhile; endif; ?>
             </div>
          </div> <!-- article columns end -->

          <div class="col-sm-4"> <!-- Sidebar Start-->
            <div class="row">
               <div class="col-xs-12 col-sm-12">
                                this is for the sidebar
                </div>
            </div> 
          </div><!-- Sidebar End -->
       <div> <!-- MAIN ROW END -->