Multi dropdown bootstrap 4

Signaler
-
salut
je voudrais créer un header en bootstrap 4 dont un navbar de type multi dropdown ( menu , et sous menu )
quelqu'un peut m'aider
voici mon code css :
<header class="header-area overlay">
    <nav class="navbar navbar-expand-md navbar-dark">
        <div class="container">
                <ul class="navbar-nav ml-auto">
                     <li class="dropdown">
                        <a href="#" class="nav-item nav-link" data-toggle="dropdown">Disponibilité</a>
                        <div class="dropdown-menu">
                            <a href="#" title="Consulter la disponibilité" class="dropdown-item">Consulter la 
                                    disponibilité</a>
                        </div>
                    </li>
              </div>
        </nav>
    
</header>



comment ajouter un autre dropdown sous ( consulter la disponibilité )
merci