引導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中的某個標籤成爲「某種東西」？

來源

2016-07-25 Pablo Domínguez

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

來源

2017-05-24 15:32:14

引導4 - 導航欄頭使用

回答

相關問題