wordpress - 如何动态排列三个帖子？

Question

我正在尝试使用自动拉出我的帖子的 Bootstrap 2.3.2 创建一个网格组合页面。

我希望网格为 3 张图像宽。出于某种原因，它似乎可以工作，但图像和帖子内容在通过第一行后并不能全部正确对齐。

下面是图片（红色框代表我的帖子特色图片），后面是代码。

<?php
/*
Template Name: Design Porftolio
*/
?>

<?php

remove_action('genesis_loop', 'genesis_do_loop');
add_action('genesis_loop', 'custom_loop');

function custom_loop() {
$args = array ('designtype'=>'websitedesigns');
query_posts ($args);
?>

<div class="well">
<h2>Portfolio: Web Design & Development</h2>
</div>

<div class="row-fluid">
 <?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?> 
<div class="span4">


     <?php if ( has_post_thumbnail() ) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(array(336,190)); ?></a>
<?php endif; ?>

<p><a href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></p>
     ![enter image description here][1]
</div>
<?php endwhile; ?> 
<?php endif; ?>
</div>