bootstrap 解决图片显示问题

在使用幻灯片的时候发现图片老是使用不全,那么用下面的css可以把图片变成自适应

问题1、幻灯

css控制

.banner-container {

background: none;

background-size: 100% 100%;

}

问题二、图片高度不一致错位

bootStrap,多行,多列,div高度不一样导致错位,

.col-md-4:nth-child(3n+1){

clear:left!important;

}

<div class="row">

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

<div class="col-md-4"></div>

</div>

怎么堆积col都不会变形了。



转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 237326904@qq.com

×

喜欢就点赞,疼爱就打赏