问题标签 [bootstrap-carousel]

我正在使用 ASP.net MVC 5，我创建了一个带有 4 个图像的引导轮播/幻灯片，我想获取此轮播上活动幻灯片的 ID。然后，当用户单击提交按钮时，我可以将他重定向到在 URL 中记录活动幻灯片 ID 的另一个页面。

谢谢。

我正在使用引导滑块。

• 在桌面上，它有三张幻灯片，每张有 4 个图块

• 在选项卡上，它们必须是 4 张幻灯片，每张有 3 个图块

• 在移动设备上，需要有 12 张不同的幻灯片

我正在考虑实现这一点的最有效和优化的方法。

选项 1 - 创建 3 组不同的滑块。一次只显示一个

选项 2 - 使用 jquery 检测屏幕宽度并以编程方式添加额外的图块作为幻灯片，隐藏额外的图块。我想这会很复杂。

如果有更好的方法来实现这一点，请提供帮助。

我正在使用引导程序构建投资组合页面，

我的页面

我在每个轮播下添加了折叠框以获取更多信息，但是当我激活折叠的项目时，出现了两个问题

1. 锚点不再正常工作。我将锚点设置为每个 div 的 ID，并且链接位于“列表”下拉菜单中，当折叠处于活动状态时，锚偏移量会有所不同，不会将您带到每个 div 的 0 点。
2. 轮播控件不再居中，特别是当浏览器宽度变小时

我面临着如何管理动态引导轮播幻灯片的挑战。要求是我的过滤器功能适用于下拉菜单选择以及复选框检查。

每张幻灯片中有 5 个 div 部分。如果 div 长度达到 5+，它将显示在下一张幻灯片中。

当我选择下拉菜单选项时，例如。我从下拉列表中选择 option1 所有与“option1”相关的 div 应显示在幻灯片中，如果 div 大小小于 5，则仅显示一张幻灯片，如果 div 大小为 5+，则下一个 div 将显示在另一张幻灯片中. 还有一个挑战是当您选择“option1”然后单击 div 也重新过滤的复选框时。

我尝试了数组和循环，但没有得到任何解决方案。请帮忙。

我的结构如下所示：

我正在开发一个引导轮播，它首先显示图像，然后标题在几秒钟后从右侧滑入。它可以工作，但第一张幻灯片存在问题，当它移动到第二张幻灯片时它会显示第一张幻灯片的标题，它只是在一秒钟后被隐藏，然后新的标题滑入。

这是我的代码：

和：

有人知道我该如何解决这个问题吗？似乎该功能仅在第二张幻灯片上激活，而不是第一张。

是的，所以我需要 CSS 专家的帮助，他们可以告诉我我在看什么，因为我对此很陌生，而且我一直在没有地图的情况下迷失在 CSS 森林中。

我有一个包含许多模式的网站。每个模态都有一个图像轮播。

图像周围有一些不需要的空白空间。这个空白空间是 class="carousel-inner" div 的一部分。我注意到那个 div 的大小是 720 x 480 像素，而我的图像更小。所以我做的第一件事就是在 Photoshop 中调整图像的大小。这消除了侧面的空白空间，但没有消除下方。

然后我尝试通过添加我自己的一些 CSS 来控制 carousel-inner div 的大小。这在很大程度上无济于事，并且真的弄乱了整个模态的响应能力。

所以我假设 CSS 代码中有一些与执行此操作的轮播相关的内容。不幸的是，它太多了，我真的不知道要改变什么。我已经摆弄了一些，但这要么没有效果，要么搞砸了。

任何指针将不胜感激。我已经用谷歌搜索和摆弄这些东西几个小时了..！

所以这里是代码：

还有一张图片向你展示我的意思： 截图

我正在使用 Bootstrap 开发一个项目，并且添加了一个带有控件的简单图像轮播，但问题是控件不起作用。请在此处查看我的网站

如您所见，您不能按下一个和上一个按钮来查看其他图像。这是我的代码：

基本上我在这段代码中没有发现任何错误，所以如果你知道出了什么问题，请告诉我......谢谢！

我在 Bootstrap 中创建了一个简单的站点，并使用了 Bootstrap Carousel，但问题是图像滑块的控件进入了小设备中其他布局的方式：

在此处输入图像描述

正如您在这张图片中看到的，两个控件进入了蓝色 div，所以这不是一件好事，但是我使用了正确的 Bootstrap 列系统：

那么你对我该如何纠正这个有任何想法吗？

您也可以检查该站点并对其进行测试...

我已经阅读了与此相关的大部分答案，但仍然无法让我的轮播工作。它只是不会滑动。在引导之前添加了 jquery 脚本，但仍然没有结果。这是代码：

有没有办法覆盖引导轮播指示器？我想在项目处于活动状态时更改指示器的背景。

通常在 bootstrap 的默认轮播中，指标只有这样的：

它与class="active"有关，但我不知道如何在 js 中正确执行它。提前致谢。

编辑

为了澄清，我想这样做：

对于每个项目，我可以根据活动的项目更改背景图像。