Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-19 20:01:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

edits

Browse source
This commit is contained in:
PattyToland 2010-10-15 21:01:51 -04:00
parent 8a20d6353c
commit 1aa1740513
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docs/toolbars/navbar.html
View file

@ -24,9 +24,11 @@
<h1>Nav bar widget</h1>
<p>The Nav Bar widget can be added anywhere in a page &mdash; header, content, or footer region &mdash; to provide a navigation bar that accommodates an unlimited number of options in a compact element. The Nav Bar is structured as a 3-column element; it displays up to 3 items per row in a horizontal bar with out without icons. (If more than 3 items are in the navigation list, the Nav Bar displays a second row of options.) </p>
<p>The Nav Bar widget can be added anywhere in a page &mdash; header, content, or footer region &mdash; to provide a navigation bar that accommodates an unlimited number of options in a compact layout.</p>
<p>The markup for a nav bar is identical to a basic linked list view: an unordered list with a link in each item and an optional icon. This markup is transformed into a nav bar by adding a <code>data-role="navbar" attribute to the list.</code></p>
<p>The Nav Bar is structured as a 3-column element; it displays up to 3 items per row in a horizontal bar with out without icons. (If more than 3 items are in the navigation list, the nav bar displays a second row with option slots.) </p>
<p>The markup for a nav bar is identical to a basic linked list view: an unordered list with a link in each item and an optional icon. This markup is transformed into a nav bar by adding a <code>data-role="navbar"</code> attribute to the list.</p>
<pre><code>
&lt;div data-role=&quot;navbar&quot;&gt;