自举按下列

如果不适合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

回答

相关问题