htmlブートストラップマルチレベルメニュー項目は他の項目と混在しています

Question

私は作成しているサイトで助けを受けたいと思いますが、悲しいことに、私はこのサイトを実際にうまく使っていません。サイトの2つの部分とマルチレベルメニュー/リストは最初の列にあります。そのメニューの項目をクリックすると、2列目のテキストがオーバーレイされません。どのようにしてメニューをこれらの上に置くことができるのか教えてくださいこのようになります。これは見た目です。

これは私のCSSです。

.dropdown-submenu { 
    position: relative; 
} 


.dropdown-submenu>.dropdown-menu { 
    top: 0; 
    left: 100%; 
    margin-top: -6px; 
    margin-left: -1px; 
    -webkit-border-radius: 0 6px 6px 6px; 
    -moz-border-radius: 0 6px 6px; 
    border-radius: 0 6px 6px 6px; 
} 

.dropdown-submenu:hover>.dropdown-menu { 
    display: block; 
} 

.dropdown-submenu>a:after { 
    display: block; 
    content: " "; 
    float: right; 
    width: 0; 
    height: 0; 
    border-color: transparent; 
    border-style: solid; 
    border-width: 5px 0 5px 5px; 
    border-left-color: #ccc; 
    margin-top: 5px; 
    margin-right: -10px; 
} 

.dropdown-submenu:hover>a:after { 
    border-left-color: #fff; 
} 

.dropdown-submenu.pull-left { 
    float: none; 
} 

.dropdown-submenu.pull-left>.dropdown-menu { 
    left: -100%; 
    margin-left: 10px; 
    -webkit-border-radius: 6px 0 6px 6px; 
    -moz-border-radius: 6px 0 6px 6px; 
    border-radius: 6px 0 6px 6px; 
} 

Answer 1

私の推測では、サブメニューに高いzインデックスを追加する必要があります。 $アイコンのZインデックスが高いと思われ、サブメニューの上に表示されます。問題が解決しない場合、我々はJSFiddleまたは実際のコード

PSにリンクして、適切な例を参照する必要があります

.dropdown-submenu { 
    position: relative; 
    z-index: 1000; /* A high number */ 
} 

のようなものを追加すること

試してみてください。私は答えるだろうギリシャ語では、これは国際的なサイトです。私にメッセージを送ってギリシャ語で話すことができたら...