JQM （功能栏、导航条）

在Mobile中导航条的基本结构：

<div data-role="navbar">

　　ul>li>a

</div>

其中含有“行（grid）”和“列（block）”的概念。Grid（网络布局系统也成为九宫格）

“行（grid）”分为四种：

(1).ui-grid-a　　一行中只能放两列　　blobk-a/b

(2).ui-grid-b　　一行中只能放三列　　blobk-a/b/c

(3).ui-grid-c　　一行中只能放四列　　blocka-a/b/c/d

(4).ui-grid-d　　一行中只能放五列　　blocka-a/b/c/d/e

"列(block)"分为五个：

(1).ui-block-a　　任何一行中的第1列，每个block-a必须重起一行

(2).ui-block-b　　任何一行中的第2列

(3).ui-block-c　　任何一行中的第3列

(4).ui-block-d　　任何一行中的第4列

(5).ui-block-e　　任何一行中的第5列

 

转载于:https://www.cnblogs.com/wl0357/p/5317142.html