<分区>
php - 需要删除常见问题解答之间多余的空白。使用 CSS 和 Bootstrap
我有一个带有文本 block 的常见问题解答页面。当您单击“阅读更多”时，文本会展开。我正在使用 Bootstrap、Wordpress 和 CSS。 FAQ 的顺序无关紧要。它可以是任何顺序。
问题: 当你点击阅读更多时，它会产生很多空白。我想删除这个空间。我认为这可能是一个行问题。我希望常见问题解答看起来不错，并且它们之间的间距相同。
我是 bootstrap 的新手，不确定什么是最好的方法。我不必为此页面使用 Bootstrap 网格。如果有更好的方法来做到这一点，那也很棒。
<div class="row">
<?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
<div class="col-lg-4 col-sm-6">
<div class="faq-all">
<div class="faq-item">
<h2><?php the_title(); ?></h2>
<article>
<div class="faq-intro">
<?php the_content(); ?>
</div>
<div class="faq-info">
<?php the_content(); ?>
</div>
<div class="faq-link">
<a href="#" class="read-more">LES HELE SVARET</a>
<a href="#" class="read-less">LES MINDRE</a>
</div>
</article>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
提前致谢。
最佳答案
行最多可以包含 12 列。您必须计算要创建多少项才能正确创建最多 12 列的多行。 空白可能是由于(根据屏幕)你有一行有 5 个 div，每行在 lg 屏幕中有 4 列，在 sm 屏幕中有 6 列，即一行中有 5*4 = 20 列在 lg 屏幕和 5*6 = 30 列在 sm 屏幕。
关于php - 需要删除常见问题解答之间多余的空白。使用 CSS 和 Bootstrap，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35728132/