如何在wordpress中为帖子指定引导列和行

Question

我试图在我的wordpress安装上发布我的帖子显示为＆＃34; col-md-6＆＃34;全尺寸预览，然后是＆＃34; col-md-6＆＃34; ＆安培; ＆＃34;排＆＃34;显示水平分割不同的帖子。

这是我的代码，让它们显示为单独的块 - 但我想要这种类型的设置： 页面顶部 | Post1 | Post2 | 断裂 | Post1 |发布3 |

到目前为止，这是我的代码：        

     <?php 

  $x = 1;

  $args = array('cat'=> 107, 'order'=>'ASC' );
    query_posts( $args);

    // The Loop
    while ( have_posts() ) : the_post();
    $post_id = get_the_ID(); ?>

    <a href="<?php the_permalink(); ?>">
     <div class="row">
      <div class="col-md-12 center">
       <div class="lightgrey_bg">
           <div class="explore_icon 
     <?php if ($x == 1) {echo 'red_bg';} 
     elseif ($x == 2) {echo 'green_bg';} 
     elseif ($x == 3) {echo 'orange_bg';} ?>">

     <?php the_title(); ?>
           </div>
         <div class="tile_text"><?php echo the_field('solutions_excerpt', $post_id );?></div>

       </div>
      </div>
     </div>
    <br />
     </a> <!-- closes the first div box -->

     <?php 
   if ($x == 3) {$x = 1;} else {$x ++;};
  endwhile;  ?>

   </div>