在使用幻灯片的时候发现图片老是使用不全,那么用下面的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都不会变形了。