Ошибка размещения подменю Bootstrap

Question

2-й уровень подменю размещен рядом с 1-м элементом подменю 1-го уровня, когда нижние элементы 1-го подменю, у которых есть более низкие элементы подменю 2-го уровня, пользователь не может перейти к новому подменю 2-го уровня из-за мышь вышла из меню.

Как разместить подменю 2-го уровня рядом с каждым элементом 1-го подменю?

Вот JSFiddle, проверить элементы и попытаться перейти к их подменю: запоминающие устройства, принтеры, портативные сумки, проекторы и т.д.

HTML

Code too large to be displayed here. Check JSFiddle 

Спасибо!

Answer 1

Просто добавьте это правило:

.dropdown-menu > li { position: relative; } 

то, что вам нужно, это первое подменю уровня, чтобы иметь position: relative, так что, когда следующий уровень определяет position: absolute; top: 0; его вершину, что непосредственного родителя.