부트 스트랩 4 - Navbar 헤더 사용량

부트 스트랩에서 새로운 점이 있는데, alpha-4 btw를 가르쳐 주었고, 내 사이트에서 navbar을 만드는 동안 문제가 있음을 알게되었고, 3 행 줄 아이콘 메뉴의 로고가 .navbar-brand과 겹쳤습니다. 나는 이것에 pull-right을 추가하여 이것을 해결했다.부트 스트랩 4 - Navbar 헤더 사용량

... 그것은 실제로 작동, 지금과 같이

<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)를 체크 아웃하는 동안, 나는이 더욱 필요 was't in other examples을 발견 할 수 있습니다. navbar-header가 있습니다 ...

제 질문은 : 부트 스트랩 4를 구현하는 동안이 클래스가 중요합니까?official docs은 그것을 언급하지 않고 실제로 코드에서 시도하고 어떤 차이도 만들지 않습니다 ... 그리고 부트 랩 3에 sematic 태그 인 "something"appart가 실제로 생성됩니까?

출처

2016-07-25 Pablo Domínguez

아니요, navbar-header는 부트 스트랩 4에 포함되어 있지 않습니다. 더 이상 navbar-brand 및 navbar-toggler를 자신의 div에 래핑 할 필요가 없습니다.

출처

2017-05-24 15:32:14

부트 스트랩 4 - Navbar 헤더 사용량

답변

관련 문제