Web/jQuery

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

saltdoll 2018. 6. 5. 08:18
반응형

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개의 컬럼 구조 예제 화면.



반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)