ブートストラップ内のカローラ付きドロップダウンメニューのサブメニュー項目が表示されない

Question

ブートストラップカラフルにドロップダウンメニューを表示する必要があります。サブメニュー項目を除くすべてが機能しています（コンテンツの背後に隠れています）。

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/