将博客帖子设置为3行3列

Question

为了使用空格，我怎样才能让它变成3列3行，然后分页。查看“音乐标题”here。

代码如下：

<?php if ( have_posts() ) : ?>
<h3 class="m-t-none"><?php echo get_theme_mod( 'title-music', esc_html__('Music', 'musik') ); ?></h3>
<div class="list-group list-group-lg">
<?php while ( have_posts() ) : the_post(); ?>
<div class="list-group-item">
<?php get_template_part( 'template-parts/content', 'download-list' ); ?>
</div>
<?php endwhile; ?>
</div>
<?php get_template_part( 'template-parts/pagination' ); ?>

Answer 1

试试这段代码，

<?php if ( have_posts() ) : ?>
<div class="row">
<h3 class="m-t-none col-xs-12 col-sm-3"><?php echo get_theme_mod( 'title-music', esc_html__('Music', 'musik') ); ?></h3>
</div>
<div class="list-group list-group-lg">
<?php while ( have_posts() ) : the_post(); ?>
<div class="list-group-item">
<?php get_template_part( 'template-parts/content', 'download-list' ); ?>
</div>
<?php endwhile; ?>
</div>
<?php get_template_part( 'template-parts/pagination' ); ?>