Wordpress Loop publica en el diseño de cuadrícula de Bootstrap 3

Estoy usando Bootstrap 3 dentro de Wordpess y tengo un problema para que mis publicaciones de archivo se muestren en la página en un formato de cuadrícula. Mi código de bucle de wordpress es ...

<?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; ?>

Esto muestra una lista que contiene la imagen de la publicación. En este momento, listan uno tras otro en la página.

¿Cómo lograría que usaran mi cuadrícula de bootstrap que muestra 4 en toda la página, luego los siguientes 4 en la fila de abajo, y luego los siguientes 4 en la fila de abajo así?

<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>

¿Es eso posible? Básicamente, quiero que el bucle de Wordpress muestre TODAS mis publicaciones 4 en la página en lugar de una después de la otra en una lista html en la página.

Respuestas a la pregunta(6)

Su respuesta a la pregunta