Wordpress Loop Beiträge im Bootstrap 3 Grid Layout

Ich verwende Bootstrap 3 in Wordpess und habe ein Problem damit, dass meine Archivbeiträge in einem Rasterformat auf der Seite angezeigt werden. Mein WordPress-Loop-Code ist ...

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

Dies zeigt eine Liste mit dem Bild des Posts an. Im Moment werden sie nacheinander auf der Seite aufgelistet.

Wie würde ich sie dazu bringen, mein Bootstrap-Gitter zu verwenden, das 4 auf der Seite anzeigt, dann die nächsten 4 in der Reihe darunter, dann die nächsten 4 in der Reihe darunter wie folgt ...

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

usw. Ist das möglich? Grundsätzlich möchte ich, dass die Wordpress-Schleife ALLE meine Beiträge 4 auf der Seite auflistet und nicht nacheinander in einer HTML-Liste auf der Seite.

Antworten auf die Frage(6)

Ihre Antwort auf die Frage