Php 自举下压柱

如果引导程序不适合，我如何实现将列推到下一行？这是一个现在的链接：

当前页面的图像：

这是一幅现在的图像。如果第三张图片不合适的话，我想把它放到下一行

这是下面的代码

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

“alt=”“/>

使用

flex-box

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

---

如果你想的话，你可以用这种div。这只是一个建议

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

---

将col-md-3替换为col-md-2

您可以使用引导网格并将图像与文本分组。以及为什么仅对一个liIt使用ul标签有效。谢谢。尝试对您的答案进行投票，但我的声誉太低：(