php - 如何使用 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 标签。