Pasek startowy ze stałym ramieniem nawigacji i Bootstro

Question

Używam Bootstrap + Bootstro, ale nie mogę ustawić górnego paska nawigacyjnego tak, aby znalazł się za nakładką.

http://jsfiddle.net/NJsYw/5/ (kliknij Tutorial)

<div id="wrap"> 

    <!-- Fixed navbar --> 
    <div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 
     <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="brand" href="#">Project name</a> 
     <div class="nav-collapse collapse"> 
      <ul class="nav"> 
      <li><a href="#" id='tutorial'>Tutorial</a></li> 
       </ul> 
      </li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </div> 
    </div> 

    <!-- Begin page content --> 
    <div class="container"> 
    <div class="page-header"> 
    </div> 
    <p class="lead bootstro" data-bootstro-title='Title' data-bootstro-content="Description." data-bootstro-width="400px" data-bootstro-placement='bottom' data-bootstro-step='0'>Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within <code>#wrap</code> with <code>padding-top: 60px;</code> on the <code>.container</code>.</p> 
    <p class="bootstro" data-bootstro-title='Title' data-bootstro-content="Description." data-bootstro-width="400px" data-bootstro-placement='bottom' data-bootstro-step='1'>Back to <a href="./sticky-footer.html">the sticky footer</a> minus the navbar.</p> 
    </div> 

    <div id="push"></div> 
</div> 

<div id="footer"> 
    <div class="container"> 
    <p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p> 
    </div> 
</div> 

Wygląda to był adres tutaj https://github.com/clu3/bootstro.js/issues/15 ale nie wiem jak zastosować (jeśli to konieczne)

Dzięki

Answer 1

Może to Zrób to przy użyciu CSS kluczem jest z-index, który określa kolejność stosu elementu.

ładowania początkowego navbar ma z-index 1030 tak, aby dla bootstro backdrop pokrycia navbar trzeba wyregulować z-index być wyższy niż 1030.
np

.bootstro-backdrop 
{ 
    .... 
    z-index: 2000; 
} 

Należy również upewnić się, że bootstrap popover nie podlega więc trzeba zwiększyć jego z-index być wyższa niż 2000.

.popover { 
    z-index:2001; 
} 

FIDDLE