Toggler按钮和导航栏标题不是内联的

时间:2017-01-14 15:12:37

标签: html css twitter-bootstrap

我有一个导航栏标题,品牌名称和导航栏中的导航栏切换按钮,但我面临的问题不是,它不是内联的。我尝试了所有的可能性,但找不到解决方案。

这是代码。

<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>

1 个答案:

答案 0 :(得分:0)

看起来你正在使用尚未稳定的最新Bootstrap Alpha 6。您需要使用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