title: Bootstrap Modal and AFC Repeater field
body: <p>I have a client logo area on my website coming from an Advanced Custom Fields repeater, when clicked, I would like a modal window to pop up with the rest of the info I included in the repeater fields. </p>
  
  <p>Each client has a logo, title, case study and testimonial. I have managed to get the logos to display in a nice grid, but I'm having some trouble with the modal popping up on click...</p>
  
  <p>Here's my code:</p>
  
  <pre><code>    &lt;div style="background-color:#ffffff;width:100%;"&gt;
      &lt;div class="container margin-top-20" &gt;
  
          &lt;div class="row"&gt;
              &lt;?php if( get_field('client_logos') ): ?&gt;
              &lt;div style="clear:both;margin-top:20px;"&gt;
              &lt;/div&gt;
              &lt;h3 class="brand-white" &gt;
                  Our Clients
              &lt;/h3&gt;
              &lt;ul class="blocks blog-block logo-block"&gt;
                  &lt;?php if( get_field('client_logos') ): ?&gt;
                  &lt;?php while( has_sub_field('client_logos') ):  $i=1; ?&gt;
  
                    &lt;li&gt;
  
  
                      &lt;div class="block-image"&gt;
                          &lt;div class="logo-image"&gt;
                              &lt;div class="logo-center"&gt;
                                  &lt;?php $logoblock = get_sub_field('client_logo'); ?&gt;
                                  &lt;a href="#myModal&lt;?php echo $i;?&gt;" data-toggle="modal" data-target="#myModal&lt;?php echo $i;?&gt;"&gt;
                                    &lt;img src="&lt;?php echo $logoblock['sizes']['medium']; ?&gt;"&gt;
                                  &lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class="modal fade col-md-4" id="myModal&lt;?php echo $i;?&gt;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                          &lt;div class="modal-dialog" &gt;
                              &lt;div class="modal-content" style="background-color:
                                  &lt;?php the_sub_field('box_color'); ?&gt;"&gt;
                                  &lt;div class="modal-header"&gt;
                                      &lt;!-- Close x --&gt; 
                                      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                                      &lt;!-- Logo --&gt; 
                                      &lt;?php the_field('client_logo');?&gt;
                                      &lt;!-- Title --&gt; 
                                      &lt;?php the_field('client_title');?&gt;
                                  &lt;/div&gt;
                                  &lt;div class="modal-body"&gt;
                                      &lt;!-- Case Study --&gt;
                                      &lt;?php the_field('client_case_study');?&gt;
                                      &lt;!-- Testimonial --&gt;
                                      &lt;?php the_field('client_testimonial');?&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
                    &lt;/li&gt;
  
                  &lt;?php $i++; endwhile; ?&gt;
                  &lt;?php endif; ?&gt;
              &lt;/ul&gt;
              &lt;?php else: ?&gt;
              &lt;?php endif; ?&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, the loop initially checks for the logo and displays it but it should display a modal window on click containing all of the fields... nothing seems to be happening when I click - I can't see what's wrong... </p>
  
  <p>Here's a picture of the logo strip if it helps: </p>
  
  <p><a href="https://i.stack.imgur.com/11KVH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/11KVH.png" alt="enter image description here"></a></p>