Php “调整自举”；“世界其他地区”；以适应不同的“列”；col-xs-12 col-sm-4 col-md-3“；？

使用WP循环在页面上插入帖子。例如，尝试使用引导列类“col-md-3”实现网格布局。 我能够找到有用的代码，但它缺少一部分，我试图实现。 基本上，当您使用WP循环在页面上拉取和显示帖子时，可以为每个帖子放置引导列类“col-md-43”。这样，每篇文章都在一列中，基本上可以创建一个由文章组成的网格。看起来不错，除了每行有不同的高度，然后你有奇怪的间距/间隙

好的，有很多解决方案，我喜欢Zarko Jovic提出的方案

基本上，解决方案是将列放在“row”类中。问题解决了

这是可行的，除非我不知道如何去做，如果我有不同的列根据屏幕大小。例如，我使用“col-xs-12 col-sm-4 col-md-3”。不知道是否可以创建一行，以针对3种不同的列大小/类进行调整。链接中的代码是使用一行中的4列编写的。但是，当使用“col-xs-12 col-sm-4 col-md-3”类时，行有时有1列，有时有3列，有时每行有4列：(

这是我到目前为止没有放置“row”类的代码

抱歉，此用户尚未发布任何页面

解决这个问题的一个好方法是为列指定最小高度。这可能需要对每个大小（即xs、md）进行媒体查询

// The loop

<div class="row"> // put a div 
if ($editors_pages->have_posts()) : while ($editors_pages->have_posts()) : $editors_pages->the_post(); ?> 

<div class='special-min-height col-xs-12 col-sm-4 col-md-3'> // add a class to reference too.
    <div class='author-pages-title'><h4><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h4></div>
</div>

<?php endwhile; else : ?>
    <p class='align-center'>Sorry, no pages posted yet by this user.</p>
<?php endif;

</div>

---

然后，您可以为剩余屏幕编写媒体查询，以提供不同的最小高度。

解决此问题的一个好方法是为您的列提供最小高度。这可能需要为每个大小（即xs、md）提供媒体查询

// The loop

<div class="row"> // put a div 
if ($editors_pages->have_posts()) : while ($editors_pages->have_posts()) : $editors_pages->the_post(); ?> 

<div class='special-min-height col-xs-12 col-sm-4 col-md-3'> // add a class to reference too.
    <div class='author-pages-title'><h4><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h4></div>
</div>

<?php endwhile; else : ?>
    <p class='align-center'>Sorry, no pages posted yet by this user.</p>
<?php endif;

</div>

---

然后，您可以编写剩余屏幕的媒体查询，给出不同的最小高度。

使用以下css属性来解决此问题

height: 100px;
overflow:auto;

---

通过这种方式，所有框都将具有相同的高度，如果内容超过给定高度，则会自动添加一个滚动条并调整其中的内容。

使用以下css属性来解决此问题

height: 100px;
overflow:auto;

通过这种方式，您的所有框都将具有相同的高度，如果内容超过给定高度，则会自动添加一个滚动条并调整其中的内容