jQuery Mobile - Buttons in grids

It is a collection of buttons in grid format in jQuery mobile.

Following table demonstrates the types of buttons in grids in detail.

Sr.No. Type & Description
1 Basic

Margin gap is there on the left and right side of the button.

2 Mini sized

In the element, include attribute data-mini = "true" for creating a mini version button.

3 Icon only, inline centered

The only icon is set on the button by using the classui-icon-* in jQuery mobile.

4 Responsive

To stack grids below 35em (560px), a preset breakpoint can be applied.

5 Alignment

A single button is aligned along with the buttons present in other grids.

Kickstart Your Career

Get certified by completing the course

Get Started