Twitter bootstrap 带封面图像和指示器的引导转盘

我需要一个（响应性）引导转盘-非常像标准示例：

但是，我需要每个图像“覆盖”包含的div。因此，如果它与图像的比例不同，则顶部和底部或左侧和右侧将不可见-避免出现黑色条

我还需要左侧和右侧导航按钮，以及允许导航的点指示器，以便用户看到他们在哪个图像上

我还需要每张幻灯片中随每张幻灯片而变化/不是静态的文本。我发现了这个，但它有静态文本-我无法移动文本-它还缺少导航按钮和点指示器：

---

我该怎么做？thx.

如果您可以使用背景图像，可以使用CSS属性

background size:cover

使背景图像覆盖整个旋转木马幻灯片分区。然后，您的文本也将位于幻灯片分区内，并位于背景图像的顶部

---

如果您需要将图像加载到

img

标记中，那么您可以使用JavaScript来确定图像是宽还是高，然后应用适当的CSS样式。

谢谢-是否可以添加一个代码示例来实现您的建议，我不清楚具体怎么做？我对是否使用背景图片没有强烈的看法。@nicco-我在我的答案中添加了一个小提琴链接。我认为使用背景图像是好的。只需知道，如果您希望幻灯片的高度相同，则应使用CSS设置幻灯片的高度（具有类

.item

）。