Ce type de comportement peut-être utilisé dans le cadre d’une adaptation pour supports mobiles d’un site desktop.

bootstrap-dropdown-customisation

Code pour un comportement standard

Code standard de Bootstrap, comme vu dans la doc officielle. Le sous menu s’ouvre par-dessus le contenu. La partie .navbar-header et la partie .collapse sont solidaires (imbriquées dans la même <nav class="navbar" />).

Code pour un sous-menu qui va pousser le contenu

Le sous menu pousse le contenu vers le bas. On désolidarise la partie .navbar-header de la partie .collapse.
Attention : l’attribut data-target=".js-navbar-collapse" de <button class="navbar-toggle" /> doit avoir le même libellé que la classe sur le <div class="collapse" />.