<! DOCTYPEHTML> <!--Grid Layout--<HTML> <Headlang="en"> <Metacharset="UTF-8"> <title></title> <!--width is the width of the device, scaling 1.0, which means no scaling--<Metaname="Viewport"content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"name="Viewport"> <title></title> <!--jquerymobile must rely on 3 library files---<Scriptsrc="Jquery-2.1.4.min.js"></Script> <Scriptsrc="Jquery.mobile-1.4.5.min.js"></Script> <Linkhref="Jquery.mobile-1.4.5.min.css"rel="stylesheet"type="Text/css"> </Head> <Body> <!--ui-grid-a Rep 2---<Divclass="Ui-grid-a"> <Divclass="Ui-block-a"> <Divclass="Ui-bar ui-bar-a">hello a</Div> </Div> <Divclass="Ui-block-b"> <Divclass="Ui-bar ui-bar-a">hello b</Div> </Div> </Div> <!--ui-grid-b stands for 3 columns, etc... -<Divclass="Ui-grid-b"> <Divclass="Ui-block-a"> <Divclass="Ui-bar ui-bar-a">hello a</Div> </Div> <Divclass="Ui-block-b"> <Divclass="Ui-bar ui-bar-a">hello b</Div> </Div> <Divclass="Ui-block-c"> <Divclass="Ui-bar ui-bar-a">hello c</Div> </Div> </Div> <!--put controls in 2 columns-<!--data-theme= "A", A is a white background, B is a black background--<Divclass="Ui-grid-a"> <Divclass="Ui-block-a"> <inputtype="button"data-theme="a"value="button"> <inputtype="button"data-theme="B"value="button"> <inputtype="button"data-theme="a"value="button"> </Div> <Divclass="Ui-block-b"> <inputtype="button"data-theme="a"value="button"> <inputtype="button"data-theme="a"value="button"> <inputtype="button"data-theme="a"value="button"> </Div> </Div> <!--set to 1 columns--<Divclass="Ui-grid-solo"> <Divclass="Ui-block-a"> <inputtype="button"data-theme="a"value="button"> </Div> </Div> </Body>
</HTML>
SOURCE Download:
http://download.csdn.net/download/zhaihaohao1/9164935