php - Bootstrap push down column -


how can accomplish bootstrap pushing column on next line if doesn't fit. link how right link current pag

image of current page

this image how right now. i'd third image drop row below if doesn't fit.

this code below

<div class="row">     <?php         if($members):     ?>     <ul class="team_members">                 <li>             <?php foreach($members $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> 

use flex-box

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

Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -