Twitter引導，粘貼，如何在導航佈局中將導航欄保持靜止

Question

twitter引導文檔站點左導航欄固定在移動版面的頂部。 ex：http://twitter.github.com/bootstrap/javascript.html

我想在不使用... docs.css的情況下執行相同的操作，如Bootstrap站點中所做的那樣。

目前，我面臨的問題是，當您滾動瀏覽內容時，「粘貼導航」會停留在移動維度中的內容頂部。

<div class="row"> 
<div class="span3"> 
    <div data-spy="affix"> 
     <ul class="nav nav-list nav-stacked"> 
      <li><a href="#objective"> Objective </a> 
      </li> 
      <li><a href="#experience"> Experience </a> 
      </li> 
      <li><a href="#skills"> Skills </a> 
      </li> 
      <li><a href="#education"> Education </a> 
      </li> 
     </ul> 
    </div> 
</div> 
<div class="span9"> 
    <section id="objective"> 
     <div class="page-header"> 
      <h1> 
       Objective: <small> Do good </small> 
      </h1> 

     </div> 
    </section> 
    <section id="experience"> 
     <div class="page-header"> 
      <h1> 
       Exprience: <small> I worked at a bit </small> 
      </h1> 

     </div> 
    </section> 
    <section id="skills"> 
     <div class="page-header"> 
      <h1> 
       skills: <small> my skillz </small> 
      </h1> 

     </div> 
    </section> 
    <section id="education"> 
     <div class="page-header"> 
      <h1> 
       education: <small> I went to school </small> 
      </h1> 
     </div> 
    </section> 
</div> 

http://jsfiddle.net/gPsWe/1/

我想要的「貼上導航」得到固定頂端的移動佈局採用了最新的引導V2.3.1。我該如何解決它？有什麼建議麼？

Answer 1

手機屏幕菜單並不總是最簡單的工作。

使用您開始使用的佈局，下面是一個簡單的想法，您可以在其中刪除手機屏幕的附加行爲：http://jsfiddle.net/panchroma/ZuELd/。這樣做會使菜單返回正常流程，以便內容很好地落入下方。

您可能需要微調菜單鏈接，甚至是手機屏幕上的change them to a horizontal list，但這很容易做到。

CSS

@media (max-width: 767px){ 
.affix{ 
    position:static; 
} 

} 

祝你好運！