引导4 - 导航栏头使用

问题描述：

我是一种新的引导，我被教alpha-4顺便说一句，同时使我的网站navbar我发现了一个问题，当它崩溃并显示3-row-lines-icon该菜单与.navbar-brand重叠。我解决了这个问题，只需在其中添加pull-right即可。引导4 - 导航栏头使用

现在看起来是这样，它的实际工作...

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

虽然检查出引导3（V 3.3.2），我发现in other examples这甚至was't需要的，因为我觉得。 navbar标题出席...

所以我的问题是：这个类是重要的，而实施Bootstrap 4？official docs没有提及它，我实际上在我的代码中尝试它，并没有什么区别......并且它是否真的使Bootstrap 3中的某个标签成为“某种东西”？

答

不，navbar-header不包含在Bootstrap 4的任何位置。navbar-brand和navbar-toggler不再需要被封装在自己的div中。

引导4 - 导航栏头使用

相关推荐