问题标签 [bootstrap-carousel]

我正在寻找如何制作一个重复项目轮播，如果我使用它作为返回它的错误并且如果我使用变量作为返回 pug.carousel-item${activeornot}

我遇到了这个奇怪的问题，除非我将控件链接放在carousel-inner div.

jquery 和引导文件正在工作，因为网站上的其他内容都没有问题（而且我在上面使用了很多 jquery）。如果不在“旋转木马内部”内，这些指标也可以正常工作。

我直接从 bootstrap 的网站复制并粘贴了这段代码，并尝试从其他示例中复制和粘贴。只有当我在carousel-inner. 我所有的 div 都正确关闭（我使用括号，所以它告诉我是否有任何未关闭）。我的其余代码也基本上是从 bootstrap 4 页面/示例中复制和粘贴的。我所做的只是添加更多幻灯片，但在此之前也发生了这个问题。

只有一块 custom css，如果我将其注释掉并不能解决控件问题。（它将字幕移动到幻灯片下方而不是分层在幻灯片顶部，并移动指示器，使其位于幻灯片上方而不是分层在顶部。）：

我正在使用引导媒体滑块轮播。但是，如果项目少于 4 个，它会重复项目。我想每次点击滑动一个项目。

在下面查看我的代码

查询

已经尝试改变 [for (var i=0;i<2;i++) {] i<4 and i<6 而不是 i<2

CSS：

HTML

看到它重复 2。我只有两个项目 1 和 2。我怎样才能停止重复项目？

我在我的网站上构建了一个引导轮播（完整的屏幕介绍），它在大型设备上完美运行，但在移动设备上它只显示轮播图像的左三分之一，但我希望它成为图像的中心。所以我认为一个好的解决方案是为大型设备、平板电脑和移动设备进行 3 种不同的设置，并使用不同版本的图像，以确保它具有我想要的焦点。这应该通过隐藏所有其他轮播设置来工作，但例如用于移动设备的设置（如果它在小型设备上）。如果它在 pc 上隐藏除大型设备之外的所有内容，...等等。

我不想在移动设备上的轮播中添加一些东西，我想更改轮播滑块图像（但仅在使用移动设备时）。

大型设备的轮播位于 id 为“carousel”的 div 中，所以我尝试像这样在小型/移动设备上隐藏带有大图像的轮播：

不过对我不起作用。也许有人可以帮助我！将不胜感激，谢谢！:3

寻找一个 Jquery Carousel 插件或想法我怎么能做这样的事情。

• 指标 cat1

  • 指标图像 1
  • 指标图 2
  • ……

• 指标 cat2

  • 指标图像 1
  • 指标图 2
  • ...

旋转木马

我正在使用 Angular 引导程序。实际上，同一页面中有两个 Carousel 滑块，因此有时 Carousel 在收到此错误时会停止。

请查看附图以检查我得到的错误。

场景是我试图从谷歌获取数据，当它加载时，有时我的轮播停止了，这是因为我使用的是非常旧版本的 Bootstrap 和 jQuery 吗？还是有其他错误？

谁能帮帮我？

我正在尝试学习如何使用引导轮播。我的问题是我的两个图像相互堆叠。我一直在查看代码 100 次，但无法弄清楚出了什么问题。

我希望引导轮播仅在鼠标向上/向下滚动约 50 像素时垂直向上/向下滑动。我怎样才能做到这一点？

这是我的 HTML 文件：-

我也包含了我的 CSS 文件：-

这是我的目录结构：-

旋转木马轻轻滑动 - 我不希望发生这种情况，而是图像应该在向上/向下滚动一段时间后改变。我如何实现这一目标？提前致谢。

我已经尝试解决这个问题很长时间了，但没有运气。问题是滑块正在正常工作，除非我向.carousel-inner项目添加填充时正在跳跃并出现在背景中..

Codepen 可以在这里找到

我试过强制没有填充/边距等，但没有运气..

编辑：box-shadow由于我在项目的内容中使用，无法向父 div 添加填充（不会修复它） 。它没有出现overflow:hidden

先感谢您。

我在与 Bootstrap 捆绑在一起的 Laravel 5.5 中工作，并且我的主 JS 文件正常运行（即 laravel 混合编译与适当加载的所有 js 文件）。但是，bootstrap 3.3.7 的轮播根本不起作用。过渡（幻灯片动作）不起作用，按钮根本不起作用。下面是我的代码

那是我的 js 文件，它通过 mix 和我的 html 文件成功编译。现在我在控制台中没有收到任何错误，所以我不知道出了什么问题。

请帮忙 ：（