Grid List

Grid List is tile like list responsively adapt to screen size

Content List & Content GridClass

Using our "content-list"combination with "content-grid"class you can easily create a grid list with custom width, custom height, and custom column size responsive effect that fit perfectly with bootstrap responsive value. Below is table for responsive explanation and class.

Width Responsive Table (used for megamenu width)

Column Width	Extra small devices Phones (<768px)	Small devices Tablets (≥768px)	Medium devices Desktops (≥992px)	Large devices Desktops (≥1200px)
60px	`width-xs-1`	`width-sm-1`	`width-md-1`	`width-lg-1`
180px	`width-xs-2`	`width-sm-2`	`width-md-2`	`width-lg-2`
240px	`width-xs-3`	`width-sm-3`	`width-md-3`	`width-lg-3`
320px	`width-xs-4`	`width-sm-4`	`width-md-4`	`width-lg-4`
480px	`width-xs-5`	`width-sm-5`	`width-md-5`	`width-lg-5`
720px	`width-xs-6`	`width-sm-6`	`width-md-6`	`width-lg-6`
1130px / full-width	`width-xs-full`	`width-sm-full`	`width-md-full`	`width-lg-full`

Height Responsive Table

Column height	Extra small devices Phones (<768px)	Small devices Tablets (≥768px)	Medium devices Desktops (≥992px)	Large devices Desktops (≥1200px)
60px	`height-xs-1`	`height-sm-1`	`height-md-1`	`height-lg-1`
180px	`height-xs-2`	`height-sm-2`	`height-md-2`	`height-lg-2`
240px	`height-xs-3`	`height-sm-3`	`height-md-3`	`height-lg-3`
320px	`height-xs-4`	`height-sm-4`	`height-md-4`	`height-lg-4`
480px	`height-xs-5`	`height-sm-5`	`height-md-5`	`height-lg-5`
720px	`height-xs-6`	`height-sm-6`	`height-md-6`	`height-lg-6`

Column Responsive Table

Column Total	Extra small devices Phones (<768px)	Small devices Tablets (≥768px)	Medium devices Desktops (≥992px)	Large devices Desktops (≥1200px)
1 Column	`column-xs-1`	`column-sm-1`	`column-md-1`	`column-lg-1`
2 Columns	`column-xs-2`	`column-sm-2`	`column-md-2`	`column-lg-2`
3 Columns	`column-xs-3`	`column-sm-3`	`column-md-3`	`column-lg-3`
4 Columns	`column-xs-4`	`column-sm-4`	`column-md-4`	`column-lg-4`
5 Columns	`column-xs-5`	`column-sm-5`	`column-md-5`	`column-lg-5`
6 Columns	`column-xs-6`	`column-sm-6`	`column-md-6`	`column-lg-6`

UI Features

Grid List

Content List & Content GridClass

Width Responsive Table (used for megamenu width)

Height Responsive Table

Column Responsive Table

Example Column Total From 6(lg) to 5(md) to 4(sm) to 3(xs)

3(lg) 2(md) to 3(sm) to 1(xs)