Bootstrap 2.3.2 を使用して、投稿を自動的にプルするグリッド ポートフォリオ ページを作成しようとしています。
グリッドの幅を 3 枚の画像にしたい。何らかの理由で機能しているように見えますが、1行目を通過すると、画像と投稿コンテンツがすべて正しく整列しません。
以下は、コードが続く画像 (私の投稿の注目の画像を表す赤いボックス) です。
<?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>