Bonjour à tous,
je cherche à faire une seconde sous liste de menu déroulant
je m'explique:
j'ai, par exemple : menu : accueil, realisation, materiel, services
dans services, j'ai 4 catégories : service 1 2 3 et 4, ça, ça fonctionne...
mais dans service 4 , je voudrais avoir des sous categories : service 4-1 et 4-2 ... ça , je n'y arrive pas...

voici le code, mais est-ce un probleme de css, bootstrap ou js ?

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="collapse navbar-collapse" id="site-nav-bar">
    <ul class="nav navbar-nav">
        <li class="active"><a href="index.html">Accueil</a></li>
        <li><a href=" ">Réalisations</a></li>
        <li><a href=" ">Matériel</a></li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Les Services </a>
            <!-- bloc menu déroulant -->
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                <a class="dropdown-item" href="#">Service 1</a>
                <a class="dropdown-item" href="#">Service 2</a>
                <a class="dropdown-item" href="#">Service 3</a>
            </div>
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Service 4 </a>
            <!-- bloc menu déroulant -->
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                <a class="dropdown-item" href="#">Service4_1</a>
                <a class="dropdown-item" href="#">Service4_2</a>
                <a class="dropdown-item" href="#">Service4_3</a>
            </div>
        </li>
        <li><a href=" ">Historique</a></li>
        <li><a href=" ">Contact</a></li>
    </ul>
</div><!-- /.navbar-collapse -->

merci d'avance pour votre aide