3 Column Bootstrap Layout WP Posts

wp-bootstrap-grid

<div class="container my-container">

<?php
  $args=array(
     'post_type' => 'reviews',
     'post_status' => 'publish',
     'posts_per_page' => 18
    );

  $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 % 3 == 0) { ?> 

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

    <div class="col-md-4">
      <div class="my-inner equal-height">
        <span class="glyphicon glyphicon-heart"></span>
        <div itemprop"review" itemscope itemtype="http://schema.org/Review">
        <p><?php the_post_thumbnail( 'thumbnail', array( 'class' => 'center-block img-circle img-responsive' ) ); ?></p>
        <div class="text-center center-block">
          <p class="text-center"><span itemprop="description"><?php the_content(); ?></span></p>
        </div>
        <?php $reviewerName = types_render_field("name", array("raw"=>"true"));?>
        <p class="text-center"><b><?php echo $reviewerName; ?></b></p>
        <?php $reviewerLocation = types_render_field("location", array("raw"=>"true"));?>
        <p class="text-center"><span class="glyphicon glyphicon-map-marker"></span>&nbsp;<?php echo $reviewerLocation; ?></p>
        <?php $reviewerLinkedIn = types_render_field("linkedin-url", array("raw"=>"true"));?>
        <a href="<?php echo $reviewerLinkedIn; ?>" title="Linked Profile" target="blank" class="text-center center-block"><img src="<?php echo get_template_directory_uri() .'/assets/images/linkedin.png';?>" class="" alt="LinkedIn Icon"></a>
        </div>
      </div>
    </div>  

      <?php $i++; 
      if($i != 0 && $i % 3 == 0) { ?>
        </div><!--/.row-->
        <div class="clearfix"></div>

      <?php
       } ?>
        
      <?php  
        endwhile;
        }
        wp_reset_query();
        ?>
  
</div><!--/.container-->