Flexslider 轮播溢出

Question

我有 flexslider 的问题，我正在尝试将 flexslider 与 bootstrap girds 一起使用，我编写了以下代码但是在第一个循环之后，出现了一个问题，图像显示在轮播项目后面，但不会出现在检查元素中。 jsfiddle

HTML

<div class="flexslider clients-slider row">
     <ul class="slides clearfix">
        <li class="col-xs-3">
             <a href="#">
                <div class="client-item">
                    <img src="img-src" />
                    <div class="hover-layer">link</div>
                </div>
             </a>
        </li>
        ...
     </ul>
</div>

JS

$('.clients-slider').flexslider({
       animation: "slide",
       directionNav: false,
       itemWidth: 212,
       maxItems: 4,
       after: function(slider){
         slider.resize();
       }
});

CSS

.client-item {
    width: 100%;
    border: 1px solid #d9d9d9;
    background-color: #FFF;
    height: 150px;
    text-align: center;
    padding: 30px;
    float: left;
    position: relative;
}

Answer 1

这里有一个解决方法，在<li>

上设置背景颜色

.flexslider .slides li {background:#fff}

演示http://jsfiddle.net/x8zycbqp/3/

Flexslider 轮播溢出

Flexslider carousel overflow

jquery

twitter-bootstrap

flexslider