ブートストラップ3マルチレベルドロップダウンメニューがモバイルで動作しません

Question

ブートストラップ3マルチレベルドロップダウンメニューはモバイルデバイスでは機能しません。私はStackOverflowで多くのソリューションをチェックしました。モバイル向けではないデスクトップ用ソリューション。以下はマルチレベルドロップダウンメニューの最適なソリューションです。上記のコード

Bootstrap 3 dropdown sub menu missing

https://github.com/djokodonev/bootstrap-multilevel-dropdown

$('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) { 
    // Avoid following the href location when clicking 
    event.preventDefault(); 
    // Avoid having the menu to close when clicking 
    event.stopPropagation(); 
    // If a menu is already open we close it 
    $('ul.dropdown-menu [data-toggle=dropdown]').parent().removeClass('open'); 
    // opening the one you clicked on 
    $(this).parent().addClass('open'); 
}); 

デスクトップのためにうまく機能しています。

ライブ例：http://rahulmoral.com/portfolio/essanet/

モバイルデバイス上で閲覧してください。 2番目のレベルのドロップダウンメニューは携帯端末では機能しません。

Answer 1

実際にうまくいきます。拡張メニューを表示するには、スクロールする必要があります。しかし、あなたが好きなことが仕事を得るためには、単にmax-heightを上書き：

.navbar-collapse { 
    max-height: none; 
} 

Answer 2

私は私のcss

@media screen and (max-width: 767px){ 
.navbar-fixed-top .navbar-collapse{ 
    max-height:100%; 
} } 

代わりにすることができます100％にこれを追加することによって、作業にそれを得ましたまた、noneを使用してください。私はなぜnavbarがトップを固定しているのかを固定したnavを使っています。それを静的またはw.eに変更することができます。あなたは使用しています。