Я использую Bootstrap 3 в Wordpess и у меня проблема с отображением моих архивных сообщений на странице в виде сетки. Мой код цикла WordPress ...

<?php if ( have_posts() ) : ?>

<?php
$args=array(
'post_type' => 'artist',
'post_status' => 'publish',
'posts_per_page' => -1,
'caller_get_posts'=> 1
);
$my_query = null;
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
echo '';
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li>
<img src="<?php the_field('artist_photo'); ?>" alt="" class="img-responsive" />
</li>

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

<?php while ( have_posts() ) : the_post(); ?>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>

Это отображает список, содержащий изображение сообщения. Прямо сейчас, они перечисляют один за другим вниз по странице.

Как заставить их использовать мою сетку начальной загрузки, показывающую 4 по всей странице, затем следующие 4 в ряду ниже, затем следующие 4 в ряду под этим, как это ...

<div class="row">

<div class="col-md-3">
<li>image 1 goes here</li>
</div>

<div class="col-md-3">
<li>image 2 goes here</li>
</div>

<div class="col-md-3">
<li>image 3 goes here</li>
</div>

<div class="col-md-3">
<li>image 4 goes here</li>
</div>

</div>

и т.д. Возможно ли это? По сути, я хочу, чтобы цикл Wordpress перечислял ВСЕ мои сообщения 4 на странице, а не один за другим в HTML-списке вниз по странице.