jQuery Mobile: Grid 한줄에 버튼 2개이상 놓기 (최대5개)

jQuery Mobile에서 Layout Grids (columns) 

한 줄에 버튼 여러개 놓기. (최대는 5개 까지 입니다.)

• two-column (using the ui-grid-a class)
• three-column (using the ui-grid-b class)
• four-column (using the ui-grid-c class)
• five-column (using the ui-grid-d class)

화면 구성은 다음과 같다.

코드 구성은 아래와 같다.

<div class="ui-grid-a">
     <div class="ui-block-a"> <button>A</button></div>
     <div class="ui-block-b"> <button>B</button></div>
      {..또는 반복처리..}
</div>

 참고: http://demos.jquerymobile.com/1.1.2/docs/content/content-grids.html  

3개의 컬럼 구조 예제 화면.