我正在尝试使我的滑块响应,但我不能。所有代码都在这里。我使用Bootstrap使滑块响应。看起来我错过了一些东西。如果我以错误的方式进行操作,您可以向我发送教程链接,我将不胜感激。
{"created_time"=>nil, "updated_time"=>nil}
<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 -->
#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;
}
答案 0 :(得分:0)
由于您只将col-md-12
设置为班级,因此您还应添加col-xs-**
或col-sm-**
。见https://getbootstrap.com/examples/grid/