Php 在Wordpress中使用Twitter引导自动生成行
早上好,我发现自己有点进退两难!我正在使用Twitter引导创建一个Wordpress主题,我正在通过Wordpress“帖子”为“会见团队”页面生成成员。我只能在一行中容纳3个条目。。。即Php 在Wordpress中使用Twitter引导自动生成行,php,css,wordpress,twitter-bootstrap,Php,Css,Wordpress,Twitter Bootstrap,早上好,我发现自己有点进退两难!我正在使用Twitter引导创建一个Wordpress主题,我正在通过Wordpress“帖子”为“会见团队”页面生成成员。我只能在一行中容纳3个条目。。。即 <div class="row"> <div class="span4"></div> <div class="span4"></div> <div class="span4"></div> <
<div class="row">
<div class="span4"></div>
<div class="span4"></div>
<div class="span4"></div>
</div>
但是每行超过3个条目将破坏该行,因此我需要为每3个条目生成一个新行。我该怎么做
下面是我输出条目的PHP代码
<?php query_posts('category_name=members&orderby=date'); ?>
<div class="row-fluid">
<ul class="thumbnails">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li class="span4">
<div class="thumbnail">
<?php // check if the post has a Post Thumbnail assigned to it.the_post_thumbnail();
?>
<div class="pad">
<h3><?php the_title(); ?></h3>
<?php the_content(); ?>
</div>
</div>
</li>
<?php endwhile; ?>
</ul>
</div>
<?php endif; ?>
-
试试这个
<?php query_posts('category_name=members&orderby=date'); ?>
<div class="row-fluid">
<ul class="thumbnails">
<?php
$cnt =0;
if ( have_posts() ) : while ( have_posts() ) : the_post();
if($cnt%3==0){
echo "</ul></div><div class='row-fluid'><ul clsas='thumbnails'>";
}
?>
<li class="span4">
<div class="thumbnail">
<?php // check if the post has a Post Thumbnail assigned to it.the_post_thumbnail();
?>
<div class="pad">
<h3><?php the_title(); ?></h3>
<?php the_content(); ?>
</div>
</div>
</li>
<?php
$cnt++;
endwhile; ?>
</ul>
</div>
<?php endif; ?>