How to create five-column grid in jQuery Mobile ?
Grids in jQuery Mobile are elements that have 100% width, are completely invisible having no borders, backgrounds, padding, or margins. Inside the grid container, the elements are assigned the classes with the names of ui-block-a/b/c/d/e. This makes each “block” element appear in the form of a grid by floating next to each other.
Creating a five-column grid: We can create a five-column grid by using the container classes as ui-block-a/b/c/d. All the column widths will be 20% each and occupy the full width of the screen. The below example will demonstrate this approach.
- Google Chrome
- Microsoft Edge
My Personal Notes arrow_drop_up
Please Login to comment...