WP和bootstrap:the_post_thumbnail()图像打破了列

时间:2016-05-05 13:50:30

标签: wordpress twitter-bootstrap-3 thumbnails two-columns

我为一个页面准备了几个col-sm-6 div。 我使用the_post_thumbnail()获取页面精选图像并将其放在第一个col-sm-6列中,但图像突破了列。 我可以使用“medium”作为参数,但我希望图像自动适合该列宽。 我怎么能得到它?

<div class="row">
<div class="col-sm-6 page-frame">
    <h1 class="blog-post-title"><?php the_title(); ?></h1>
    <?php if( has_post_thumbnail() ) the_post_thumbnail( 'full' ); ?>
</div><!-- col-sm-6 -->
<div class="col-sm-6 page-frame">
<?php the_content(); ?>
</div><!-- col-sm-6 -->

谢谢

1 个答案:

答案 0 :(得分:0)

听起来你走在正确的轨道上,在你的CSS中,你可能会做max-width: 100%;min-width: 100%;