相关疑难解决方法(0)

在Bootstrap 3网格布局中的Wordpress Loop帖子

我在Wordpess中使用Bootstrap 3并且在使用网格格式在页面上显示我的存档帖子时遇到问题.我的wordpress循环代码是......

<?php if ( have_posts() ) : ?>

<?php
$args=array(
'post_type' => 'artist',
'post_status' => 'publish',
'posts_per_page' => -1,
'caller_get_posts'=> 1
);
$my_query = null;
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
echo '';
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li>
<img src="<?php the_field('artist_photo'); ?>" alt="" class="img-responsive" />
</li>

<?php endwhile;
}
wp_reset_query(); 
?>

<?php while ( have_posts() ) : the_post(); ?>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
Run Code Online (Sandbox Code Playgroud)

这将显示包含帖子图像的列表.现在,他们在页面上一个接一个地列出.

我如何让他们使用我的引导网格在页面上显示4,然后在下面的行中的下一个4,然后在下面的下一个4行像这样......

<div class="row">

<div class="col-md-3">
<li>image …
Run Code Online (Sandbox Code Playgroud)

css wordpress loops posts twitter-bootstrap

7
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×1

loops ×1

posts ×1

twitter-bootstrap ×1

wordpress ×1