自舉按下列

如果不適合Bootstrap如何在下一行推送列，我該如何實現？這是一個鏈接是怎麼回事，現在：Link to current page 自舉按下列

圖片當前頁面：

這是一個圖像是怎麼回事，現在。如果不適合，我想讓第三張圖片放在下面的行中。

這是下面的代碼

<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>

來源

2017-07-28 Mr.StackOverflow

你可以用引導網格和羣的圖像與文本。爲什麼使用ul標籤只有一個li – DestinatioN

使用flex-box

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

來源

2017-07-28 09:57:45

它的工作。謝謝。試圖upvote你的答案，但我的聲譽太低。 :( –

只是將這個答案標記爲接受。這將做:) –

，如果你願意，你可以使用這種的div。它只是一個建議

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

更換COL-MD-3 COL-MD-2

來源

2017-07-28 10:05:42 DPS

回答

相關問題