Bootstrap 4: Comment faire pour avoir une pleine largeur de la barre de navigation avec le contenu dans un récipient (Comme la SORTE barre de navigation)?

Je suis en utilisant Bootstrap 4.

Comment faire une barre de navigation comme la SORTE barre de navigation?

Avec le contenu aligné comme un "conteneur", mais la largeur d'un "container-fluid" dans le bootstrap 4?

Je veux la largeur de la "fixed-top" navbar réglage sans qu'il soit fixe en haut et la barre de navigation de contenu dans un "conteneur".

Je voudrais vous donner un exemple, mais je suis en train de faire quelque chose exactement comme la barre de navigation en haut de cette page.

OriginalL'auteur bbennett36 | 2017-01-12

  1. 4

    J'ai été en mesure d'obtenir le menu à 100% de la largeur de

    <ul class="navbar-nav nav-fill w-100">
  <li class="nav-item">
    <a href="#" class="nav-link">Home</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Contact</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">About</a>
  </li>
</ul>

    à l'aide de nav-remplir w-100 avec Bootstrap 4

    OriginalL'auteur Ravi Ram

  2. 3

    J'avais rencontré ce problème également. J'ai résolu par mettre la <nav>...</nav> à l'extérieur de la <div class='container'>...</div> ou <div class='container-fluid'>...</div>.

    OriginalL'auteur Vandy Sodanheang