3-level drop-down menu on Bootstrap does not work - what could be the problem (2 work fine)?

<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">СВАДЕБНАЯ ФЛОРИСТИКА <strong class="caret"></strong></a> <ul class="dropdown-menu"> <li> <a href="../buketi.php">БУКЕТЫ</a> </li> <li> <a href="../dekorirovanie_butilok.php">ДЕКОРИРОВАНИЕ БУТЫЛОК</a> </li> <li> <a href="../kompozicii.php">КОМПОЗИЦИИ</a> </li> <li class="dropdown-submenu"> <a href="#">ОФОРМЛЕННЫЕ СВАДЬБЫ </a> <ul class="dropdown-menu"> <li> <a href="../n1.php">№1</a> </li> <li> <a href="../n2.php">№2</a> </li> </ul> <!-- end dropdown-menu --> </li> </ul> <!-- end dropdown-menu --> </li>

    1 answer 1

    The problem is in the bootstrap version. Your code will work in boostrap2. But the multi-level menu has been removed from boostrap3 (for reasons that the multi-level menu is evil, see the link below). Duplicate question in English:

    https://stackoverflow.com/questions/18023493/bootstrap-3-dropdown-sub-menu-missing

    There is also a link to several CSS lines for bootstrap3 that need to be added to make it work as before:

    http://www.bootply.com/86684