title: Add new col-12 after four portfolio items with php
body: <p>I am making a portfolio page where 4 items are next to eachother. Each item I wrapped in a col-3. What happens is, when I want to give a col-3 a margin, the item below the col-3 breaks and moves down.</p>
  
  <p>I think it has something to do with all the portfolio items in one col-12, so after 4 items I would like to have the next 4 items in a new col-12, where I can give the portolio items each a col-3 again. That way I can play with the margins. </p>
  
  <p><img src="https://i.stack.imgur.com/ihgIn.png" alt="enter image description here"></p>
  
  <p>I use advanced custom fields to get the data. </p>
  
  <pre><code>&lt;div class="container marketing mt130"&gt;
      &lt;div class="col-md-12 central"&gt;
          &lt;h1 class="mb20"&gt;Mentors&lt;/h1&gt;       
      &lt;/div&gt;
      &lt;div class="col-md-12"&gt;         
              &lt;?php 
                  $mentors = get_field('mentors'); 
                      if($mentors):
                          foreach($mentors as $mentor =&gt;$item):                               
                                          $mentor_image = $item['image_mentor'];                              
                                          $mentor_name = $item['name_mentor'];                                
                                          $mentor_location = $item['location_mentor'];                                
                                          $mentor_text = $item['text_mentor'];                            
                                          $mentor_twitter = $item['twitter_mentor'];  
                                          $mentor_fb = $item['facebook_mentor'];                              
              ?&gt;      
          &lt;div class="col-md-3 central"&gt;
              &lt;div class="wrapper_mentor"&gt;
                  &lt;img src="&lt;?php print $mentor_image ;?&gt;" alt="&lt;?php print $mentor_name ;?&gt;" width="226" height="226"&gt;
                  &lt;div class="wrapper_mentor_text"&gt;
                      &lt;h2 &gt;&lt;?php print $mentor_name ;?&gt;&lt;/h2&gt;
                      &lt;h3&gt;&lt;span&gt;&lt;i class="fa fa-map-marker"&gt;&lt;/i&gt;&lt;/span&gt;&lt;?php print $mentor_location ;?&gt;&lt;/h3&gt;  
                          &lt;div class="popup_mentor" style="display:none;"&gt;
                              &lt;p&gt;&lt;?php print $text ;?&gt;&lt;/p&gt;                                
                              &lt;p style="padding-left:20px; text-align:left;"&gt;
                                  &lt;a href="https://&lt;?php print $member_twitter ;?&gt;" target="_blank"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
                                  &lt;a href="https://&lt;?php print $member_fb ;?&gt;" target="_blank"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
                              &lt;/p&gt;
                          &lt;/div&gt;              
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;                  
          &lt;?php endforeach; endif; ?&gt;                         
  &lt;/div&gt;&lt;!-- end col-md-12 --&gt;
  </code></pre>
  
  <p> </p>
  
  <p>Any help would be highly appreciated.</p>