因此,我要设置一个基本的猫头鹰轮播,旁边有一个图像,但是每次我缩小页面时,它都会将轮播放到其下一行。这就是我现在所在的位置:
<div class="container-fluid">
<div class="col-sm-3">
<div>
TEST
</div>
</div>
<div class="col-sm-9">
<div class="owl-carousel">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
</div>
</div>
</div>
而且js非常原始,还没有CSS:
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
loop:true,
margin: 10,
items: 3,
dots: false
});
});
如何强制两个div保持固定比例不变?真正的目标是让一个图像浮动,然后在其旁边滚动三个图像。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句