Toggler Button und die Navbar Header ist nicht inline

Question

Ich habe eine Navbar-Header, der Markenname und ein Navbar Toggler-Button im Bootstrap getan, aber das Problem, das ich nicht konfrontiert ist, ist es nicht inline. Ich habe alle Möglichkeiten ausprobiert, konnte aber keine Lösung finden.

Hier ist der Code.

<nav class="navbar navbar-inverse bg-inverse"> 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> 
    <h1 class="navbar-brand mb-0">Navbar</h1> 
</nav> 

Answer 1

Es sieht so aus, als ob Sie das neueste Bootstrap Alpha 6 verwenden, das noch nicht stabil ist. Sie würden navbar-toggler-right

<nav class="navbar navbar-inverse bg-inverse"> 
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> 
    <h1 class="navbar-brand mb-0">Navbar</h1> 
</nav> 

http://www.codeply.com/go/RzbJNIMm1b