2016-07-25 17 views
1

私はブートストラップで新しく、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はそれを言及せず、私は実際に自分のコードで試しても何の違いもありません...そして、Bootstrap 3のセミティックタグであることを本当に「何か」のものにしていますか?

答えて

1

いいえ、navbar-headerはBootstrap 4のどこにも含まれていません.navbar-brandとnavbar-togglerは、独自のdivでラップする必要はありません。

関連する問題