# grid The markup of every demo on , extracted from that page. It is generated, so it cannot disagree with what the page renders. Load the framework from the origin and read first: a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`. ## grid Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-collapse Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-0 Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-1 Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-2 Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-3 Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-5xs Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-4xs Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-3xs Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-2xs Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-xs Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-s Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-m Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-l Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-xl Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-2xl Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-3xl Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-4xl Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

``` ## grid-5xl Varies: 15 specimens. ```html

width-1-1

width-1-2

width-1-2

width-1-4

width-1-4

width-1-4

width-1-4

width-1-2

width-1-2

width-1-1

```