Question

我正在使用Bootstrap3创建一个Wordpress主题，我正在使用响应列，如下所示：

        <div class="col-md-4">
        <div class="panel panel">
            <div class="panel-heading"><h1><?php the_title(); ?></h1></div>
            <div class="panel-body">
                    <p><?php the_post_thumbnail(); ?></p>
                    <p><?php the_content(__('(more...)')); ?></p>
                    <a href="javascript:void(0)" class="btn btn-primary">Take a look</a>
            </div>
        </div>
    </div>

我注意到的是，特色图片不具备可扩展性。它们设置了大小，但您无法定义它们，因此宽度为100％，在我的示例中为类panel-body。

我想这样做，因为当屏幕尺寸改变时，列的大小也会改变，我希望图像随之缩放。

有没有人知道这样做的方法，我似乎有点陷入困境。

Answer 1

尝试以下代码以使图片可扩展：

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

Answer 2

您需要添加类git fetch --prune，以便使用bootstrap 3响应图像。

要将类.img-responsive添加到您的wordpress图像，您可以在.img-responsive文件中添加以下功能。

functions.php

希望它对你有所帮助。

可扩展的特色图像 - Wordpress

2 个答案: