Używam Bootstrap 3 w Wordpess i mam problem z wyświetlaniem postów w archiwum na stronie w formacie siatki. Mój kod pętli wordpress to ...

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

Spowoduje to wyświetlenie listy zawierającej obraz posta. W tej chwili wymieniają jeden po drugim w dół strony.

Jak skłoniłbym ich do użycia siatki startowej pokazującej 4 na całej stronie, a następnie 4 w rzędzie poniżej, a następnie 4 w rzędzie poniżej, tak jak ...

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

itd. Czy to możliwe? Zasadniczo chcę, aby pętla Wordpress wyświetlała WSZYSTKIE moje posty 4 na stronie zamiast jednej po drugiej na liście html w dół strony.