子菜单项没有显示

我有一个要求，以显示下拉菜单中的引导转盘。除了子菜单项目（隐藏在内容后面）之外，一切都在工作。子菜单项没有显示

JSFiddle:

我怎样才能解决这个问题？

EDIT

解决https://jsfiddle.net/pwmyvsw6/67/工作，但水平滚动条出现时，我们click on the previous and next button像下面的截图。我们怎样才能在这个解决方案中隐藏滚动条？

THE IDEA I GOT IS代替菜单使用的标签上。将可以实现可滚动的标签和标签内容作为菜单项显示。

2017-01-05 San

检查你拨弄之后又好像转盘类有一些风格，从显示阻止你的下拉列表。将以下代码添加到样式表中将显示它们。

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

它目前设置为overflow:hidden;，导致下拉菜单不显示。

我已经使用了转盘的ID为目标的类，以便它不会在未来造成的问题;以防万一你添加另一个旋转木马，它的行为有所不同。因为我认为overflow:hidden;可能是一种默认的风格，但它可以很容易地被覆盖。

这里是一个更新的小提琴链接：https://jsfiddle.net/pwmyvsw6/66/

2017-01-05 13:25:08

嗨亲爱的，你的代码的伟大工程，但我已经重构它，改变中的z-index'属性，因此下拉条不与菜单碰撞酒吧了。 https://jsfiddle.net/pwmyvsw6/67/ –

非常感谢您@Neelam和@Daniek！在您的解决方案中，我可以看到一个问题，当菜单项移动时，水平滚动条可见。 – San

不用担心@San，水平滚动条何时出现？在什么屏幕大小（断点），所以我可以帮你，因为它似乎罚款在小提琴。 –

回答