如何使用Bootstrap响应图像并在wordpress上使用它？

Question

我厌倦了使用bootstrap使WordPress特色图像响应。使用bootstrap使图像响应的方法是

<img src="..." class="img-responsive" alt="Responsive image">

我厌倦了在动态显示特色图片时在wordpress中使用此方法。

<img src="<?php the_post_thumbnail( 'jumbo_thumbnail'); ?>" class="img-responsive" alt="Responsive image">

但它不起作用。我知道如果我在那里放一个链接而不是<?php the_post_thumbnail( 'jumbo_thumbnail'); ?>它会起作用。但是我动态地获取了特色图像，这种方法不起作用。

Answer 1

你很亲密。完全删除img标记并使用此标记：

<?php
the_post_thumbnail( 'jumbo_thumbnail', array(
    'alt' => 'Responsive image',
    'class' => 'img-responsive'
) );
?>

the_post_thumbnail函数会为您输出img标记。