Вывод постов в 2 ряда Bootstrap

Не получается вывести контент в 2 ряда.
Счетчик не правильно работает. Поправьте, если не трудно.

<div class="col-xs-12 col-sm-8 col-md-8">
<?php
  $args=array(
	 'post_type' => 'post',
	 'post_status' => 'publish',
	 'posts_per_page' => 8
	);

  $my_query = null;
  $my_query = new WP_Query($args);
  if( $my_query->have_posts() ) {
	$i = 0;
	while ($my_query->have_posts()) : $my_query->the_post();
  if($i % 2 == 0) { ?> 

  <div class="row">

  <?php
  }
  ?>
			<div class="col-xs-12 col-md-6 col-sm-6">
				Контент
			</div>
	  <?php $i++; 
	  if($i != 0 && $i % 2 == 0) { ?>
		</div><!--/.row-->
		<div class="clearfix"></div>

	  <?php
	   } ?>

	  <?php  
		endwhile;
		}
		wp_reset_query();
		?>
			</div>