twitter-bootstrap - Bootstrap 中的响应式帖子缩略图？

Question

我正在使用 bootstrap 并想将 img-responsive 和 img-circle 类应用于帖子缩略图。

问题是我不知道如何使图像缩略图的 php 代码在 img 标签内工作。

除非我可以标记它们，否则我无法应用类，而且 div 标记不起作用。

我确信它很简单，但希望得到指点。

这里的代码 - 目前我已经在 div 标签中尝试过，它获取图像但不应用样式

<h4>Latest News</h4>
                <?php $counter = 3;
                $recentPosts = new WP_Query();
                $recentPosts->query('showposts=3');?>
                <?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>
                <div>
                    <span class="glyphicon glyphicon-star"></span>
                    <div class="img-responsive img-circle"> <?php the_post_thumbnail(); ?> </div>
                    <p class="posttitle"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
                    <p class="smallprint"><?php the_date(); ?></p>
                    <div><?php the_excerpt(10); ?></div>
                </div>
            <?php endwhile; ?>

Answer 1

我已经用这个解决了

<?php the_post_thumbnail('thumbnail', array('class' => 'img-responsive img-circle')); ?>

我们也可以用这个

<?php echo get_the_post_thumbnail( $post_id, 'thumbnail', array('class' => 'img-responsive img-circle')); ?>