Bootstrap Push-Down-Spalte

Question

Wie kann ich für Bootstrap erreichen, um eine Spalte in der nächsten Zeile zu schieben, wenn nicht passt? Dies ist ein Link, wie es jetzt ist: Link to current page

Bild der aktuellen Seite:

Dies ist ein Bild, wie es jetzt ist. Ich möchte, dass das dritte Bild in die Zeile darunter fällt, wenn es nicht passt.

Dies ist Code unten

<div class="row"> 
    <?php 
     if($members): 
    ?> 
    <ul class="team_members">   
     <li> 
      <?php foreach($members as $member): ?> 
      <div class="cl col-xs-12 col-sm-3 col-md-3 col-lg-3"> 
       <?php if($member["member_avatar"]): ?> 
       <div class="animated"> 
        <div class="member drivprojekt" style="border-radius: 50%; width: 100%; height: 100%; overflow: hidden;"> 
         <img src="<?php echo $member["member_avatar"]["sizes"]["member_thumb"]; ?>" alt="" /> 
        </div> 
       </div> 
       <?php endif; ?> 
      </div> 
      <div class="cl col-xs-12 col-sm-3 col-md-3 col-lg-3"> 
       <div class="member_info"> 
        <h3><?php echo $member["member_name"]; ?></h3> 
        <h4><?php echo $member["member_position"]; ?></h4> 
        <p><?php echo do_shortcode(nl2br($member["member_description"])); ?></p> 
       </div> 
      </div> 
      <?php endforeach; ?> 
     </li> 
    </ul> 
    <?php endif; ?> 
</div> 

Answer 1

Verwendung flex-box

ul.team_members li{ 
    display: flex; 
    flex-wrap: wrap; 
} 

Answer 2

Sie diese Art von div-Tags verwenden können, wenn Sie wollen. Es ist nur ein Vorschlag

<div class="cl col-xs-12 col-sm-3 col-md-2 col-lg-3"></div> 

col-md-3 col-md-2