子菜單項沒有顯示

我有一個要求，以顯示下拉菜單中的引導轉盤。除了子菜單項目（隱藏在內容後面）之外，一切都在工作。子菜單項沒有顯示

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，水平滾動條何時出現？在什麼屏幕大小（斷點），所以我可以幫你，因爲它似乎罰款在小提琴。 –

回答