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都不会变形了。