Grid Layouts

Description

jQuery Mobile's grids supports the range of two to five columns.

Grids are div elements configured with CSS attributes.

The Grid consumes the entire width of the display.

Grid Template

The grid template is listed as follows.

<div data-role="content">
    <!-- Grid  container -->
    <div class="<grid-css-attribute>">
    <!-- Blocks   -->
        <div class="<block-css-attribute>">Block A</div>
        <div class="<block-css-attribute>">Block B</div>
    </div>
</div>