I am currently experimenting with jQuery Mobile and I have come across a discrepancy. The documentation states that the navbar should wrap on five elements, but in my testing, it is wrapping at only four elements. Is this the expected behavior?
Here is the code snippet:
<div data-role="page" id="images">
<div data-role="header">
<h1><%= @disease.name %></h1>
<a href="index.html" data-icon="plus" class="ui-btn-right">Add</a>
</div><!-- /header -->
<div data-role="content">
<p>Images will be here.</p>
</div><!-- /content -->
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="#images" class="ui-btn-active">Images</a></li>
<li><a href="#symptoms">Symptoms</a></li>
<li><a href="#treatments">Treatments</a></li>
<li><a href="#notes">Notes</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
</div><!-- /page -->