Matériau angulaire 2 menu navbar to hamburger

Question

J'essaie d'utiliser le https://material.angular.io. Adter Bootstrap 3 Je me suis habitué aux simples navbars, ce qui rend tout et vous n'avez pas à implémenter de logique derrière eux .. ex: ils passent au menu hamburger quand l'écran est trop petit pour montrer chaque élément du menu ...

Je suis en train de faire quelque chose comme ça, mon meilleur code actuellement:

<md-toolbar color="primary"> 
    <nav md-tab-nav-bar> 
     <a md-tab-link> 
      This 
     </a> 
     <a md-tab-link> 
      Looks 
     </a> 
     <a md-tab-link> 
      really bad 
     </a> 
     </nav> 
    </md-toolbar> 

je besoin de quelque chose ressemble à ceci NavBars: https://mdbootstrap.com/components/navbar/

Je sais que je suis vraiment loin de là, mais essayant toujours de l'implémenter ..

Malheureusement, je ne peux pas utiliser mdbootstrap, car pour presque toutes les belles choses, il faut Bootstrap 4, et j'utilise bootstrap 3 dans tout le projet .. donc la mise à niveau serait vraiment douloureuse.

Merci pour l'aide et les commentaires!

Answer 1

Bonjour, la meilleure solution est de déplacer md-tab-nav-bar sur md-tab-nav-bar. Donc, votre exemple ressemblera à:

<md-toolbar color="primary"> 
    some title 
</md-toolbar> 
<nav md-tab-nav-bar backgroundColor="primary"> 
    <a md-tab-link> 
    This 
    </a> 
    <a md-tab-link> 
    Looks 
    </a> 
    <a md-tab-link> 
    really bad 
    </a> 
</nav>