jquery - bootstrap 中带有 carousal 的下拉菜单的子菜单项未显示

Question

我需要在 bootstrap carousal 中显示下拉菜单。除了子菜单项(隐藏在内容后面)之外，一切正常。

JSFiddle:

https://jsfiddle.net/Saneesh/pwmyvsw6/65/

我该如何解决这个问题？

编辑

解决方案 https://jsfiddle.net/pwmyvsw6/67/有效，但是当我们 单击上一个和下一个按钮 时会出现水平滚动条，如下面的屏幕截图所示。我们如何隐藏此解决方案中的滚动条？

我的想法是 使用选项卡代替菜单。将有可能实现可滚动的选项卡和显示为菜单项的选项卡内容。

Answer 1

检查您的 fiddle 后，轮播类似乎有一些样式阻止您的下拉列表显示。将以下内容添加到您的样式表将显示它们。

#myCarousel .carousel-inner {
  overflow:visible;
}

它当前设置为 overflow:hidden;，这导致下拉列表不显示。

我已经使用轮播的ID来定位类，这样以后就不会出问题了；以防万一您添加另一个旋转木马并且它的行为有所不同。我认为 overflow:hidden; 可能是默认样式，但它很容易被覆盖。

这是更新后的 fiddle 的链接:https://jsfiddle.net/pwmyvsw6/66/