Bootstrap 4 réactive barre de navigation qui s'effondre au xs largeur?

J'essaie de trouver un exemple de l'amorçage 4 réactive barre de navigation qui s'effondre à un hamburger bouton uniquement à la xs largeur, mais est entièrement visible quand il est plus large.

Il y a un bootstrap 3 exemple qui Fonctionne, mais rien pour les 4 que j'ai trouvé.

Le bootstrap 4 barre de navigation de la page d'exemples montre une s'est effondré de contenu version, mais il s'est effondré à toutes les largeurs.

Et au-dessous d'indices sur la façon de le faire fonctionner à l'aide .navbar-activation /désactivation, et. al.

Pour les plus complexes barre de navigation de modèles, tels que ceux utilisés dans le Bootstrap v3, utilisez la .navbar-toggleable-* les classes en collaboration avec l' .navbar-activation /désactivation. Ces classes se substituent à nos sensible utilities pour afficher l'outil de navigation uniquement lorsque le contenu est destiné à être montré.

Je avoir un minimum de connaissance de bootstrap de sorte que toute solution je ne veux pas combattre le cadre si il y a déjà sanctionné de la façon de le faire.

Edit:

En fait, le Responsive Navbar exemple ci-dessous le Pliable contenu dans le bootstrap 4 documentation fait exactement ce que je cherchais à l'aide de la navbar-toggleable-xs classe. Je ne l'ai pas vu plus tôt parce que je n'ai pas la fenêtre assez étroit.

Vous avez déjà répondu à votre question. Utilisation .navbar-toggleable-xs
Si le nombre de classes à apprendre. Merci!
s'il vous plaît ajouter vos modifier, à titre de réponse et de l'accepter, de sorte que cette question peut être fermé

OriginalL'auteur ourmandave | 2015-10-24

  1. 10

    Bootstrap 4 stable:

    Dans la version stable navbar-toggleable-* a été renommé navbar-expand-*, mais le -xs infix est (encore) enlevé, donc dans votre cas, vous devez utiliser navbar-expand.

    Explication dans les docs: https://getbootstrap.com/docs/4.1/components/navbar/#how-it-works

    Seulement pour Bootstrap 4 alpha:

    En fait, le Responsive Navbar exemple ci-dessous le Pliable contenu dans le Bootstrap 4 documentation fait exactement ce que je cherchais à l'aide de la navbar-toggleable-xs classe. Je ne l'ai pas vu plus tôt parce que je n'ai pas la fenêtre assez étroit.

    Dans le Bootstrap 4 alpha 6, il est maintenant tout simplement navbar-toggleable sans -xs.

    MODIFIER: La documentation lien est maintenant ici: http://v4-alpha.getbootstrap.com/components/navbar/#nav

    parce -xs n'existe plus du tout dans le système de grille!

    OriginalL'auteur ourmandave