为什么我的滑块不响应?

时间:2016-04-15 07:19:40

标签: javascript jquery css slideshow

我正在尝试使我的滑块响应,但我不能。所有代码都在这里。我使用Bootstrap使滑块响应。看起来我错过了一些东西。如果我以错误的方式进行操作,您可以向我发送教程链接,我将不胜感激。

HTML

{"created_time"=>nil, "updated_time"=>nil}

CSS

<div class="container">       
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xm-12 col-lg-12 img-responsive">
            <div id="slideShow"></div>                       
        </div>
    </div>          
</div> <!-- container -->

的JavaScript

#slideShow {
}

#slideShow img{  
    position: absolute;   // if i delete then the slider becomes responsive the images don't work as a slide  //
    opacity: 0;
    left: 20%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
#slideShow .current{
    opacity: 1;
}
body{
    padding-top: 50px;
}

1 个答案:

答案 0 :(得分:0)

由于您只将col-md-12设置为班级,因此您还应添加col-xs-**col-sm-**。见https://getbootstrap.com/examples/grid/