引导+ Wordpress重叠列问题
引导+ Wordpress重叠列问题
提问于 2016-09-20 06:21:19
我已经开始钻研用于主题定制的WP代码，但是我突然看到了一个严重的引导栏fla，在这里我无法真正找到问题所在。
我已经将博客部分设计为col-xs-12 col-sm-4 (拇指钉边图像)，col-xs-12 col-sm-8 (内容本身)。除了768 px-990 as外，所有尺寸都很好，除了768 px-990 as，这些列开始相互重叠，大小与它们应该从彼此之间获得的边距大致相同。
以下是代码：
<div class="row">
<?php if( has_post_thumbnail()): ?>
<div class="col-xs-12 col-sm-4">
<div class="thumbnail-img"><?php the_post_thumbnail('medium'); ?>
</div>
</div>
<div class="col-xs-12 col-sm-8">
<p><?php the_content(); ?></p>
</div>
<?php else: ?>
<div class="col-xs-12">
<p><?php the_content(); ?></p>
</div>
<?php endif ?>
</div>以下是一些需要强调的图片：
编辑：
我改变了，只是为了检查，如果不是8-4行，我将做6-6，它工作很棒(图片包括下面)。不是8+4= 12吗？我在这里错过了什么？
回答 3
Stack Overflow用户
发布于 2016-09-20 06:31:56
试着给图像宽度100%，以便它适合在div时调整大小。
或者创建一个小提琴和共享链接。
Stack Overflow用户
发布于 2016-09-20 06:45:23
我发现wordpress并不能很好地处理引导程序，因为如果引导列网格设置不正确，the_post_thumbnail('$string')就会重叠它们(WP不会自动将图像宽度设置为列限制区域)。
the_post_thumbnail('$string')接收以下集合参数：
the_post_thumbnail( 'thumbnail' );//拇指钉(150×150硬切)the_post_thumbnail( 'medium' );//中等分辨率(300 x 300最大高度300 max )the_post_thumbnail( 'medium_large' );//中大型(加WP4.4)分辨率(768x0无限高)the_post_thumbnail( 'large' );//大分辨率(1024x1024max高度1024px)the_post_thumbnail( 'full' );//全分辨率(原始大小上传)
-- the_post_thumbnail('$string')没有100%的，但我猜想它可以作为param硬编码到函数本身中。
我的解决方案要么使用$string = thumbnail，要么将两列的网格更改为col-sm-6。
Stack Overflow用户
发布于 2016-09-20 07:40:50
将图像的url与img响应类一起放在img标记中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39587024
复制相关文章
相似问题
腾讯云开发者
