기본적으로 하나의 버튼은 화면의 가로폭을 모두 차지하게 된다. 하지만 data-inline="true"를 지정하면 아이콘과 텍스트에 필요한 크기만을 갖는 버튼이 되고 줄바꿈은 일어나지 않는다.
다음 예에서 두 개의 버튼은 한 줄에 표시될 것이다.
<a
href="index.html" data-role="button"
data-inline="true">취소</a>
<a
href="index.html" data-role="button"
data-inline="true"
data-theme="b">저장</a>
만일, 버튼들이 한 줄에 나열되어 표시되지만 전체 화면 폭을 차지하게 하려면 칼럼 그리드를 사용하면 된다.