title: Wordpress Loop posts in Bootstrap 3 grid layout
body: <p>I am using Bootstrap 3 within Wordpess and have an issue getting my archive posts to display across the page in a grid format. My wordpress loop code is...</p>
  
  <pre><code>&lt;?php if ( have_posts() ) : ?&gt;
  
  &lt;?php
  $args=array(
  'post_type' =&gt; 'artist',
  'post_status' =&gt; 'publish',
  'posts_per_page' =&gt; -1,
  'caller_get_posts'=&gt; 1
  );
  $my_query = null;
  $my_query = new WP_Query($args);
  if( $my_query-&gt;have_posts() ) {
  echo '';
  while ($my_query-&gt;have_posts()) : $my_query-&gt;the_post(); ?&gt;
  &lt;li&gt;
  &lt;img src="&lt;?php the_field('artist_photo'); ?&gt;" alt="" class="img-responsive" /&gt;
  &lt;/li&gt;
  
  &lt;?php endwhile;
  }
  wp_reset_query(); 
  ?&gt;
  
  &lt;?php while ( have_posts() ) : the_post(); ?&gt;
  &lt;?php endwhile; ?&gt;
  &lt;?php else : ?&gt;
  &lt;?php endif; ?&gt;
  </code></pre>
  
  <p>This displays a list containing the post's image. Right now, they list one after the other down the page.</p>
  
  <p>How would I get them to use my bootstrap grid showing 4 across the page, then the next 4 in the row beneath, then the next 4 in row beneath that like this...</p>
  
  <pre><code>&lt;div class="row"&gt;
  
  &lt;div class="col-md-3"&gt;
  &lt;li&gt;image 1 goes here&lt;/li&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-3"&gt;
  &lt;li&gt;image 2 goes here&lt;/li&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-3"&gt;
  &lt;li&gt;image 3 goes here&lt;/li&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-3"&gt;
  &lt;li&gt;image 4 goes here&lt;/li&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>etc. Is that possible? Basically i want the Wordpress loop to list ALL of my posts 4 across the page instead of one after the other in a html list down the page.</p>