Header can accommodate two buttons on right and left, ui-btn-left
and ui-btn-right
respectively.
However, you can place more than two buttons in header by using controlgroup widget with data-type="horizontal"
attribute.
<div data-role="header">
<!-- right-hand button -->
<a href="#" class="ui-btn-right" data-icon="bars">Bcode</a>
<!-- if you don't want to use title,
replace it with <span class="ui-title"></span> -->
<h1>Header</h1>
<!-- left-hand button -->
<div data-role="controlgroup" data-type="horizontal" class="ui-btn-left">
<a href="#panel" data-role="button" data-icon="star">Panel</a>
<a href="#" data-role="button" data-icon="back">Back</a>
</div>
</div>
Demo jQM <= 1.3
Demo jQM >= 1.4