没有显示引导程序中带有转盘的下拉菜单的子菜单项

Question

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

JSFiddle:

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

如何解决此问题？

EDIT

解决方案https://jsfiddle.net/pwmyvsw6/67/有效，但我们click on the previous and next button中的水平滚动条会出现在下面的屏幕截图中。我们如何隐藏此解决方案中的滚动条？

THE IDEA I GOT IS而非菜单使用标签。可以将滚动选项卡和选项卡内容显示为菜单项。

Answer 1

在检查你的小提琴之后，看起来旋转木马类有一些样式阻止你的下拉显示。将以下内容添加到样式表中将显示它们。

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

目前设置为overflow:hidden;，导致下拉列表无法显示。

我已经使用旋转木马的ID来定位课程，以便将来不会出现问题;以防万一你添加另一个旋转木马，它的行为不同。我认为overflow:hidden;可能是默认样式，但它很容易被覆盖。

以下是更新小提琴的链接：https://jsfiddle.net/pwmyvsw6/66/