Navbar in jQuery Mobile
I have this footer navigator
<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 says that the navigation bar can take up to 5 elements in one row, but here nav elements are assigned by three columns layout, and the last 2 lithium fall in the second row.
Did I miss something??
+3
2 answers
Try bit 4.1 instead of edge changes to the bleeding.
Instead of using: http://jquerymobile.com/test/#/test/docs/toolbars/docs-navbar.html Try: http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/docs- navbar.html
- 4.1. : http://jsfiddle.net/BCnBN/
+3
, .
<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>
0