问题标签 [bootstrap-carousel]

我正在使用 AngularJS 来构建我的应用程序，我想添加一个bootstrap轮播，使用angular bootstrap元素。由于这个错误（另一个链接），我决定放弃该angular bootstrap库并使用常规引导轮播，但将其注入角功率。我正在使用 生成幻灯片ng-repeat，但由于某种原因，当页面呈现时，幻灯片堆叠在一起。JSfiddle在这里。

HTML：

JS：

我需要帮助，在同一个轮播中更改两个 div 内容。下面是图片，我已将内容标记为红色，我希望它在单击左右轮播按钮时发生变化。

https://jsfiddle.net/austinpeter/cg7hqk0n/

我试图让boostrap 轮播完全显示浏览器窗口的右侧。

为此，应根据图像纵横比修改轮播的边距，以使图像位于右侧中心的最大宽度（页面的 5/12）或最大高度（浏览器窗口的高度） .

这是我想要得到的一个例子：

这是一个关于它目前如何工作的小提琴：https ://jsfiddle.net/v71c8udo/7/

这是当前的 HTML 代码：

我决定在我的网站中实现引导轮播，我从W3Schools 网站获得了代码，我按照如何在我的网站中应用幻灯片的说明进行操作，幻灯片效果很好，但它弄乱了我网站的元素。

一个例子是，当我在我的网站中应用幻灯片时，我的 Merriweather serif 字体变得比以前更轻，即使在 CSS 中字体粗细是粗体。这也发生在我的链接上。

另一件事是它增加了我的页脚和导航栏的宽度。

我试图更多地研究这个问题，但我找不到任何有类似问题的人。

这是我的网站的图像，没有引导轮播幻灯片代码：

我真的希望我的网站有引导轮播幻灯片，因为它增加了交互性，但同时我不希望我的内容和元素发生巨大变化。

任何帮助将不胜感激，以帮助解决这个问题。

这是 CSS 和 HTML（如果您想查看引导轮播幻灯片对我网站上的元素和内容的影响，请运行下面的代码片段）

我正在用 Bootstrap 3.3.6 中的专辑创建一个画廊。专辑由专辑封面组成，可在可折叠的文件中显示或隐藏专辑图片<div>。可折叠<div>也是手风琴风格。

我有 2 个使用媒体查询和 Bootstrap 的 .hidden-* 类的移动和桌面布局。此外，当您单击相册中的一张图片时，它会打开一个轮播以滚动浏览图像。

该代码完美运行，但我希望可折叠部分<div>保持打开状态，尽管布局会随着页面大小的调整而发生变化。现在它在单击时打开，然后当您将屏幕大小调整到超过断点时，它会随着布局随断点的变化而关闭。

我意识到这有点不必要，因为基本上没有人会在桌面上以这种方式调整浏览器的大小，但我仍然想知道该怎么做。想不通。

这是代码示例，您可以看到布局如何从桌面更改为移动设备。

在此处查看实际操作 www.leubasketball.com/gallery

试图让我的用户上传的图像显示在引导轮播中。

这些图像存在于我的 S3 存储桶中，我可以在我的数据库中看到它们，只是无法让它们显示在轮播中。

如果我在轮播之外使用 <%= image_tag @room.images[0].medium.url %> 它会按预期显示数组中的第一个图像。

任何建议都会受到重视，仍然试图找到我的脚。

命名空间样式会中断转换。

我有一个 Bootstrap Carousel 显示上一个和下一个图像。我有不止一个 Bootstrap Carousel，所以我需要不同的样式。这样做会破坏过渡。

如果您.namespace在 scss 文件中注释命名空间，您会发现它工作正常。为什么会中断？什么是可能的修复？

见 不工作小提琴
见工作小提琴

HTML

CSS

JS

引导v3.3.6
jQuery v1.11.0

我正面临这个奇怪的问题，请继续关注：

1-我有这个静态轮播html代码：（在浏览器上工作）

2- 然后我使用 sharepoint 的内容查询 webpart (XSLT) 使其动态化，如下所示：

然后我将它添加到页面布局的 webpart 区域中：

3- 我将“活动”类添加到第一个指标和项目，并在 js 中手动初始化轮播：

4- 毕竟，轮播工作正常，但页面的 html 布局正在破坏，页脚在容器下方：

添加轮播之前：

添加轮播后：

如果有人知道为什么会发生这种情况以及尝试什么解决方案，请提供帮助？

我有一个 JSON 提要，我正在访问以从中提取数据，并且正在使用一些 javascript 和 jQuery 将数据放入 Bootstrap 轮播。我无法弄清楚如何正确循环数据，以适当地提供轮播。我想做的是循环遍历每个 JSON 值，并依次为轮播的每行提供三个值。我的尝试导致在轮播行的所有迭代中显示三个连续值，而不是移动到每行接下来的三个值。

所以，从本质上讲，我似乎有一个循环问题。我很难找出循环这个的正确方法。我尝试了几个选项，但没有一个能正常工作。同样，我想要的只是为轮播提供每行 3 个不同的项目/值。

我注意到发布了一个关于提供无序列表的非常相似的问题，但是我的响应实现不起作用。

谢谢你的帮助。

我正在使用 Bootstrap 构建一个网站，并在 100% 高度使用 Carousel。问题是它可以工作，但不能在另一个 div 中工作。我的 Joomla 系统默认生成两个 div，所以我无法避免这种情况。我应该如何解决这个问题？

带 div 的演示（不工作）：https ://jsfiddle.net/55gfw2jg/

没有 div 的演示（工作）：https ://jsfiddle.net/55gfw2jg/1/

HTML：

CSS：

JS：

如果我删除之前和之后的两个“div”，代码就可以工作<header>。我如何使它工作？我不能取消这两个 div，因为它是由 Joomla 生成的。