Owl轮播响应1170px div宽度问题

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、css、ajax

当我的显示器尺寸小于1170px时，owl carousel div宽度溢出。我该怎么做？

浏览 11提问于2017-12-13得票数 0

3回答

OWL Carousel 2宽度不正确，显示所有项目

javascript、css、owl-carousel

navRewind: true, }); 这将产生轮播的以下html： <div id="owl-slider" class="owl-carousel owl-theme

浏览 8提问于2015-12-02得票数 0

1回答

如何获得由.first()返回的元素的父级名称？

jquery、element

<div class="owl-item cloned" style="width: 1170px; margin-right: 0px;"> </div> <div class="owl-item active" style=&quo

浏览 2提问于2021-02-16得票数 1

回答已采纳

1回答

Owl-carousel没有响应

responsive-design、drupal-7、owl-carousel

我在让OC2做出响应时遇到了问题。我正在运行:Drupal7.32，Owl 7.x-2.x-dev，Jquery 1.10。我使用以下值定义了自定义轮播设置：响应式2宽度480；项目2奇怪的是，jQuery.extend语句的owlcarousel部分缺少上述响应设置

浏览 7提问于2014-11-08得票数 1

3回答

Owl carousel 2克隆项单击事件未触发

jquery、click、dom-events、owl-carousel、owl-carousel-2

HTML： <div class="item">/270x180"> <div class="item"> <img src="http:

浏览 0提问于2015-07-31得票数 2

回答已采纳

2回答

引导程序面板中的Owl轮播问题

twitter-bootstrap、tabs、carousel

我有个问题。我在bootstrap面板中使用owl carousel (在页脚www.bayern.ge的顶部，检查链接)。当用户单击第二个选项卡时，owl轮播项目的宽度和高度都非常小。如果您缩放页面(更改分辨率)，它将获得良好的宽度和高度。有人能通过解决这个问题来帮助我吗？对不起，我的英语很差。

浏览 1提问于2016-09-30得票数 0

1回答

owl carousel 2当容器宽度在移动屏幕上达到100%时显示的所有项目

javascript、html、css、owl-carousel、tailwind-css

但是，当容器宽度在小于640px的屏幕上达到100%时，owl旋转木马会水平显示所有项目。我尝试了互联网上的多种解决方案，包括stackoverflow，但无法解决这个问题。下面是我的代码： <div id="slider"> <div id="slider-carousel" class="owl-ca

浏览 20提问于2020-06-20得票数 1

1回答

如果我使用的是"container-fluid"类，这意味着我不能在bootstrap.css中拥有这样的东西：width: 1170px;我尝试以像素为单位进行设置，但响应性关闭了。换句话说，我的问题是这样的:如何设置容器-fluid的固定宽度？或者这仅仅不是bootstrap开发人员默认的意思？我已经读过这个链接了：但是根本找不到任何关于container-fluid.的响应性质和固定宽度的东西

浏览 1提问于2013-09-24得票数 12

1回答

如何使用不同页面上的多个owl旋转木马更改按钮的位置

javascript、html、css、shopify、owl-carousel

我唯一的问题是，在我的第二个页面上，轮播的导航按钮是从以下样式中选取的(第一个轮播需要它们的位置)： top: 40%; right: -45px; top:cl

浏览 0提问于2016-08-26得票数 0

2回答

如何使用1170px宽度的bootstrap固定宽度布局？

twitter-bootstrap

我正在创建一个Bootstrap模板，它是无响应的。所以Bootstrap中非响应式设计的宽度是940px。但这里的问题是，我被要求只使用1170px的布局宽度。所以我想知道Bootstrap中是否有用于制作宽度为1170px的非响应式布局的规定？

浏览 0提问于2013-04-27得票数 3

14回答

carouFredSel响应高度

javascript、responsive-design、caroufredsel

我在使用carouFredSel时遇到了响应式传送带的高度问题。它仍然会将图像的最大高度添加到div。如何解决此问题？

浏览 0提问于2012-11-01得票数 16

回答已采纳

1回答

在隐藏容器中初始化时Owl Carousel中断

owl-carousel

当在隐藏元素中启动猫头鹰轮播，然后通过触发器显示该元素时，轮播项目的宽度完全错误(直到窗口调整大小)：这个问题是的，但我不能使用。$('.owl-carousel').owlCarousel({ loop:true,}) $(".trigger").click(function

浏览 0提问于2015-11-20得票数 4

1回答

轮播图像未在移动设备中显示

html、jquery、css、carousel

我使用的是Owl Carousel v2.3.4。你可以检查我下面的代码，看看我的代码中有什么错误吗？提前谢谢你。</div> </div> </div><div class="mb-5" data-aos="

浏览 13提问于2020-08-15得票数 0

回答已采纳

2回答

猫头鹰旋转木马真的在没有固定宽度的情况下工作吗？

twitter-bootstrap-3、owl-carousel、owl-carousel-2

我一直在页面上使用owl carousel 1.3，这些页面通常有一个包装器容器，将宽度设置为1200px。<di

浏览 2提问于2016-10-12得票数 2

2回答

Owl旋转木马无固定宽度

jquery、owl-carousel

所以我尝试使用没有固定宽度的，因为我需要一个没有固定图像或宽度的响应式Wordpress站点，否则它会破坏我的移动视图。我尝试取消对owlcarousel.js中设置了_width和_widths的行的注释，这在某种程度上是有效的，只是这些项当时没有在.owl-stage中居中。当我试图改变.owl-stage的尺寸时，整个东西都坏了。有人能就如何做到这一点给出建议吗？我只想要一个猫头鹰旋转木马的响应部署，其中宽度等是相对的，而不是固定的。

浏览 1提问于2016-12-24得票数 3

回答已采纳

2回答

Bootstrap3表-如果在容器内，则响应不起作用

css、twitter-bootstrap-3

我正在使用bootstrap3，并且为了使我的表具有响应性，我使用了表类响应性。我注意到，如果表格在容器中，水平滚动条在移动视图中不能正确显示。这是我的代码 <table class="table table-hover"> <tr></td> <td>Table cell</td>

浏览 0提问于2016-04-15得票数 0

1回答

如何使用Angular2向owl-carousel异步添加项目

angular、typescript、owl-carousel-2

我已经将owl-carousel库导入到我的Angular2 CLI项目中，如果我有以下条件，它将正确显示： <div>item</div> <div>item<

浏览 1提问于2017-06-14得票数 0

1回答

导航栏引导程序不会折叠移动设备

twitter-bootstrap、width、navbar、collapse

我在网站www.eefjerotterdam.nl/nieuw上的引导导航栏出现了问题。页面的其余部分确实会调整大小，只是导航栏在移动设备上保持了疯狂的宽度。欢迎任何帮助！

浏览 1提问于2017-04-22得票数 0

2回答

对bootstrap.css使用width 1170px* (响应式)*

css、twitter-bootstrap

我注意到的推特文档上写着默认网格是940px，但在网站上是1170px。我猜它是使用响应式来改变宽度，因为我使用的是宽屏和更高的分辨率。任何想法如何实现这一点，并拥有1170px的正确网格定制变量。谢谢

浏览 0提问于2012-02-06得票数 14

回答已采纳

1回答

Owl-Carousel在初始化时放大图像

javascript、jquery、css、angularjs、owl-carousel

我在尝试用AngularJS加载一个owl转盘时遇到了一个奇怪的问题。我用下面的ng-repeat创建我的所有幻灯片： ng-repeat="banner in v

浏览 0提问于2018-08-11得票数 0

点击加载更多