试图将猫头鹰轮播和侧面图像保持在同一行

因此,我要设置一个基本的猫头鹰轮播,旁边有一个图像,但是每次我缩小页面时,它都会将轮播放到其下一行。这就是我现在所在的位置:

<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保持固定比例不变?真正的目标是让一个图像浮动,然后在其旁边滚动三个图像。

阿尔特姆

将类添加到xs设备的cols中:

<div class="col-sm-3 col-xs-3">

<div class="col-sm-9 col-xs-9">

朋克

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

猫头鹰轮播和灯箱在一起?还是有其他解决方案?

来自分类Dev

猫头鹰轮播未显示

来自分类Dev

将猫头鹰轮播与Ember一起使用

来自分类Dev

猫头鹰轮播键盘导航

来自分类Dev

猫头鹰轮播2:过滤项目,但使用Java脚本保持排序

来自分类Dev

滑动猫头鹰轮播控件

来自分类Dev

猫头鹰轮播和引导宽度显示不正确

来自分类Dev

如何将div和标签保持在同一行?

来自分类Dev

如何为猫头鹰轮播中的图像添加标题

来自分类Dev

有没有一种方法可以限制猫头鹰轮播中的图像或页面数量

来自分类Dev

如何在“猫头鹰轮播”中将图像居中

来自分类Dev

如何排列两个侧面图像和一个较大图像并保持宽高比

来自分类Dev

Laravel 7字体和猫头鹰轮播

来自分类Dev

猫头鹰轮播的问题始于延迟

来自分类Dev

更改居中图像猫头鹰轮播的大小

来自分类Dev

猫头鹰轮播中的双击事件

来自分类Dev

猫头鹰轮播-无法在线工作

来自分类Dev

将文字保持在同一行

来自分类Dev

禁用“猫头鹰轮播”中第一个和最后一个项目的弹跳

来自分类Dev

强制图像与文本保持在同一行

来自分类Dev

如何将div和标签保持在同一行?

来自分类Dev

在容器外部显示带有猫头鹰轮播的多个图像

来自分类Dev

奇怪的猫头鹰轮播行为

来自分类Dev

有没有一种方法可以限制猫头鹰轮播中的图像或页面数量

来自分类Dev

下一个和上一个按钮猫头鹰轮播的缩略图

来自分类Dev

将猫头鹰轮播与另一个 div 重叠

来自分类Dev

如何放大位于中心的图像(猫头鹰轮播)

来自分类Dev

使用 Ajax 为猫头鹰轮播动态插入图像

来自分类Dev

猫头鹰轮播边距错误

Related 相关文章

热门标签

归档