ブートストラップ4複数の固定トップナビゲーションバー

Question

ブートストラップ4に複数の固定トップナビゲーションバーを表示することはできますか？

現在のところ、1は他のものとオーバーレイしています。

Answer 1

はい、可能ですが、それに応じて2番目のものを配置する必要があります。 Navbarの高さは〜56pxです。いくつかのシナリオで

Demo: Bootstrap 4 Multiple fixed-top Navbars

.fixed-top-2 { 
    margin-top: 56px; 
} 

body { 
    padding-top: 105px; 
} 

<nav class="navbar navbar-toggleable-sm bg-faded navbar-light fixed-top fixed-top-2"> 
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar1"> 
     <span class="navbar-toggler-icon"></span> 
    </button> 
    <a href="/" class="navbar-brand">One</a> 
    <div class="navbar-collapse collapse" id="navbar1"> 
     <ul class="navbar-nav"> 
      .. 
     </ul> 
    </div> 
</nav> 

<nav class="navbar navbar-toggleable-sm bg-inverse navbar-inverse fixed-top"> 
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2"> 
     <span class="navbar-toggler-icon"></span> 
    </button> 
    <a href="/" class="navbar-brand">Two</a> 
    <div class="navbar-collapse collapse" id="navbar2"> 
     <ul class="navbar-nav"> 
      .. 
     </ul> 
    </div> 
</nav> 

、 single fixed-top DIV to contain bothを使用した方が良いかもしれません。