Twitter bootstrap 引导4-导航栏标题的使用

Twitter bootstrap 引导4-导航栏标题的使用,twitter-bootstrap,navbar,Twitter Bootstrap,Navbar,我对bootstrap有点陌生,我被教导alpha-4btw,在我的网站上制作navbar时,我发现一个问题,当它折叠并显示菜单的3行图标时,它与的logo重叠。navbar品牌。我通过添加pull right解决了这个问题 现在看起来像这样,它实际上起作用了 <nav class="navbar navbar-dark bg-inverse navbar-fixed-top" id="navbar"> <button class="navba

我对bootstrap有点陌生,我被教导
alpha-4
btw,在我的网站上制作
navbar
时,我发现一个问题,当它折叠并显示菜单的3行图标时,它与
的logo重叠。navbar品牌
。我通过添加
pull right
解决了这个问题

现在看起来像这样,它实际上起作用了

<nav class="navbar navbar-dark bg-inverse navbar-fixed-top" id="navbar">

                <button class="navbar-toggler hidden-lg-up pull-right" type="button" data-toggle="collapse" data-target="#navbarContent"> &#9776;

                </button>

            <a class="navbar-brand"  href="#">YO-Maps</a>


            <div class="collapse navbar-toggleable-md" id="navbarContent">


                  <ul class="nav navbar-nav">
                    <li class="nav-item">
                      <a class="nav-link" href="#jumbotron">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#about">About</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#footer">Download</a>
                    </li>
                  </ul>
                  <form class="form-inline pull-sm-right">
                    <input class="form-control" type="email" placeholder="Email">
                    <input class="form-control" type="password" placeholder="Password">
                    <button class="btn btn-success" type="submit">Login</button>
                  </form>
             </div>
        </nav>
登录
在查看Bootstrap3(v3.3.2)时,我发现这甚至不需要,因为我认为.navbar头是存在的


所以我的问题是:这个类在实现Bootstrap 4时重要吗?没有提到它,我实际上在我的代码中尝试了它,没有任何区别……它真的让Bootstrap 3中的语义标记“有些东西”吗?

不,navbar头不包括在Bootstrap 4中的任何地方。导航栏品牌和导航栏切换器不再需要包装在自己的分区中。

不,导航栏标题不包括在引导4中的任何位置。navbar品牌和navbar toggler不再需要包装在自己的div中