导航栏在jQuery Mobile的

Question

我在页脚

<footer data-role="footer"> 
    <div data-role="navbar" data-iconpos="top"> 
     <ul> 
      <li><a href="a.html" class="ui-btn-active" data-icon="star">Fav</a></li> 
      <li><a href="b.html" data-icon="back">Recent</a></li> 
      <li><a href="a.html" data-icon="delete">Contacts</a></li> 
      <li><a href="b.html" data-icon="grid">Keypad</a></li> 
      <li><a href="a.html" data-icon="delete">Voicemail</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</footer> 

http://jquerymobile.com/test/#/test/docs/toolbars/docs-navbar.html说，导航栏，最多需要在一个5个线项目，但这里已经这个导航栏，资产净值项与3列分配布局和最后2件物品落在第二行。

我错过了什么？

Answer 1

尝试击败4.1，而不是最前沿的变化。

而不是使用：http://jquerymobile.com/test/#/test/docs/toolbars/docs-navbar.html 尝试：用4.1测试版http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/docs-navbar.html

现场演示。你的代码工作正常：http://jsfiddle.net/BCnBN/

Answer 2

请试试这个..

<footer data-role="footer"> 
    <div data-role="navbar" data-iconpos="top" data-grid="d"> 
     <ul> 
      <li><a href="a.html" class="ui-btn-active" data-icon="star">Fav</a></li> 
      <li><a href="b.html" data-icon="back">Recent</a></li> 
      <li><a href="a.html" data-icon="delete">Contacts</a></li> 
      <li><a href="b.html" data-icon="grid">Keypad</a></li> 
      <li><a href="a.html" data-icon="delete">Voicemail</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</footer>