Bootstrap詞綴不起作用

我使用Bootstrap詞綴來修復我的導航欄，當它通過向下滾動到達頂部時。我在div中添加了詞綴屬性，但它仍然不起作用。我導入了bootstrap.min.css和bootstrap.min.js。還有什麼我錯過了？Bootstrap詞綴不起作用

<div id="nav-wrapper"><!--nav-wrapper--> 
     <div class="container"><!--container--> 
      <div class="row" id="navigation"><!--header--> 
       <div class="col-md-12" data-spy="affix" data-offset-top="60" data-offset-bottom="200"><!--col-md-12--> 

        <div class="nav"><!--nav--> 
         <div class="menu-main-menu-container"> 
         <ul> 
           <li></li> 
           <li></li> 
           <li></li> 

         </ul></div>     
         </div><!--nav-->  
        </div><!--col-md-12--> 
       <div class="clearfix"></div> 
      </div><!--header--> 
     </div><!--container--> 
    </div>

來源

2014-10-30 Dimoff

「在這兩種情況下，你必須爲你的貼的位置和寬度，CSS內容。」 – 2014-10-30 23:26:07

我確實將它們放置在我的CSS中，因爲它很長，所以不會在這裏發佈。 – Dimoff 2014-10-30 23:32:11

如果這對於SO來說太長了，也許考慮一下小提琴？ – yunandtidus 2014-10-30 23:46:31

我發現這工作：

JS：

$(function() { 
    $('#nav-wrapper').height($("#nav").height()); 

    $('#nav').affix({ 
     offset: { top: $('#nav').offset().top } 
    }); 
});

CSS：

#nav.affix { 
    position: fixed; 
    top: 0; 
    width: 100% 
} 

#nav > .navbar-inner { 
    border-left: 0; 
    border-right: 0; 
    border-radius: 0; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -o-border-radius: 0; 
}

來源

2014-10-31 15:59:46 Dimoff

Bootstrap詞綴不起作用

回答

相關問題