dropdown nested menu -Вложен дропдаун -защо не работи ?!?!?!?

[Viktor13]

.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
/*display: block;*/
position: absolute;
left: 100%;
/*top: -7px;*/
top: auto;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
/*display: compact;*/
}

.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
/*display: compact;*/
}





<div class="container-fluid">
<ul class="navbar-nav ">
<!-- Dropdown -->





<li class=" nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true"
data-toggle="dropdown"
class=" btn btn-link btn-lg dropdown-toggle"

id="navbarDropdownMenuLinkRight" role="button">
Dropdown link
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLinkRight">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>


<li>
<a class="dropdown-item" href="#"
id="cat"
aria-expanded="false" aria-haspopup="true" > Submenu &raquo; </a>


<ul class="dropdown-menu dropdown-submenu" aria-labelledby="cat" >
<li>
<a class="dropdown-item" href="#">Submenu item 1</a>
</li>
<li>
<a class="dropdown-item" href="#">Submenu item 2</a>
</li>
<li>
<a class="dropdown-item" href="#">Submenu item 4</a>
</li>
<li>
<a class="dropdown-item" href="#">Submenu item 5</a>
</li>
</ul>
</li>

<li>
<a class="dropdown-item" href="#" > Submenu 2 &raquo; </a>


<ul class="dropdown-menu dropdown-submenu" >
<li>
<a class="dropdown-item" href="#">Submenu item 2</a>
</li>
<li>
<a class="dropdown-item" href="#">Submenu item 2</a>
</li>
<li>
<a class="dropdown-item" href="#">Submenu item 2</a>
</li>
<li>
<a class="dropdown-item" href="#">Submenu item 2</a>
</li>
</ul>
</li>


</ul>
</li>
</ul>
</div>

 

[uphero]

Допиши целия CSS тук и дай линк

Edit fiddle - JSFiddle - Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsfiddle.net

 

[Blinky]

Ето един елементарен пример: https://www.w3schools.com/bootstrap...rybs_ref_js_dropdown_multilevel_css&stacked=h

Но според мен ти липсва и JS-а. Според мен няма да стане само с този код.