@section('title',$title) @section('description',$description) @extends('layout.app') @section('content')

Equal-width

1 of 2

2 of 2

1 of 3

2 of 3

3 of 3

Setting one column width

1 of 3

2 of 3 (wider)

3 of 3

1 of 3

2 of 3 (wider)

3 of 3

Variable width content

1 of 3

Variable width content

3 of 3

1 of 3

Variable width content

3 of 3

Variable width content

1 of 3

Variable width content

3 of 3

1 of 3

Variable width content

3 of 3

Equal-width multi-row

col

All breakpoints

col

col-8

col-4

Stacked to horizontal

col-sm-8

col-sm-4

col-sm

Mix and match

.col-12 .col-md-8

.col-6 .col-md-4

.col-6

Vertical alignment

One of three columns

Horizontal alignment

One of two columns

Offset classes

.col-md-4

.col-md-4 .offset-md-4

.col-md-3 .offset-md-3

.col-md-6 .offset-md-3

Margin utilities

.col-md-4

.col-md-4 .ml-auto

.col-md-3 .ml-md-auto

.col-auto .me-auto

.col-auto

@endsection

{{ trans('menu.ui-grid') }}

Equal-width

Setting one column width

Variable width content

Variable width content

Equal-width multi-row

All breakpoints

Stacked to horizontal

Mix and match

Vertical alignment

Horizontal alignment

Offset classes

Margin utilities