制作博客文章3行和3列

Question

为了使用空格，我怎样才能使它成为3列和3行然后分页。检查＆＃34;音乐标题＆＃34; 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' ); ?>