bootstrap La barre de menu doit être extensible verticalement de gauche à droite

Question

J'ai une barre de menu bootstrap supposer ce lien https://v4-alpha.getbootstrap.com/examples/navbar-top/. J'ai besoin de menu comme le lien https://lekmer.se/ quand il s'agit d'une vue mobile. aidez-moi s'il vous plaît dans cette tâche. Merci à l'avance

Answer 1

Vous pouvez étendre de gauche à droite juste changer .navbar-nav -webkit-box-orient: vertical; à css -webkit-box-orient: horizontal; et flex-direction: column;-flex-direction: row; dans toutes les sections de CSS. Exemple de code comme ci-dessous

.navbar-nav { 
    display: flex; 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
    flex-direction: row; 
    padding-left: 0; 
    margin-bottom: 0; 
    list-style: none 
}