jQuery Mobile的迴流的NavBar

Question

嗨，我有這樣的導航欄：

<div data-role="navbar" data-theme="c" > 
      <ul> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
       <li> 
        <a href="#page1" data-transition="fade" data-theme="b" data-icon=""> 
         text 
        </a> 
       </li> 
      </ul> 
     </div> 


</div> 

我需要添加一個按鈕「菜單」如果設備的屏幕小了顯示三個按鈕。

事情是這樣的：http://img30.imageshack.us/img30/8634/o6c5.png

我知道我需要一個規則添加到CSS，但我並不怎麼 請，謝謝您

Answer 1

你可以看看他們是如何做到這一點在Twitter的引導。基本上你會有一個特定屏幕大小的媒體查詢，並以這種方式格式化頁面。

其實，你爲什麼不只是整合Twitter的引導，你會得到一切你可能會遇到：http://getbootstrap.com/

檢查出來，它有你想要的一切/需要。