Bootstrap 4 fixe-dessus navbars

Est-il possible d'avoir de multiples fixe haut navbars dans le Bootstrap 4 montrant sous les uns des autres?

Le 1 actuellement superpose à l'autre qui n'est pas ce que je veux.

Retiré de la balise de titre

OriginalL'auteur Byron Daries | 2017-02-23

  1. 13

    Oui, c'est possible, mais vous devez placer le 2ème en conséquence. La hauteur de la barre de navigation est ~56px.

    .fixed-top-2 {
    margin-top: 56px;
}

body {
    padding-top: 105px;
}

<nav class="navbar navbar-toggleable-sm bg-faded navbar-light fixed-top fixed-top-2">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar1">
        <span class="navbar-toggler-icon"></span>
    </button>
    <a href="/" class="navbar-brand">One</a>
    <div class="navbar-collapse collapse" id="navbar1">
        <ul class="navbar-nav">
            ..
        </ul>
    </div>
</nav>

<nav class="navbar navbar-toggleable-sm bg-inverse navbar-inverse fixed-top">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2">
        <span class="navbar-toggler-icon"></span>
    </button>
    <a href="/" class="navbar-brand">Two</a>
    <div class="navbar-collapse collapse" id="navbar2">
        <ul class="navbar-nav">
            ..
        </ul>
    </div>
</nav>

    Démonstration: Bootstrap 4 fixe-dessus Navbars

    Dans certains scénarios, il peut être préférable d'utiliser une la seule fixe-top DIV qui contiennent à la fois.

    Voir aussi: Bootstrap 4 Navbar collante après l'en-tête

    ce site ne se charge pas
    Il charge pour moi. J'ai posté le code en question.
    ok, merci!!!!!!
    "Collante après l'en-tête" le lien que vous avez posté est exactement ce que je cherchais, mais je n'étais pas en mesure de verbaliser. Un million de mercis!

    OriginalL'auteur Zim