@extends('layouts.master') @section('title') @lang('translation.Grid') @endsection @section('content') @component('common-components.breadcrumb') @slot('pagetitle') UI Elements @endslot @slot('title') Grid @endslot @endcomponent
See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
xs <576px |
sm ≥576px |
md ≥768px |
lg ≥992px |
xl ≥1200px |
xxl ≥1400px |
|
---|---|---|---|---|---|---|
Grid behavior | Horizontal at all times | Collapsed to start, horizontal above breakpoints | ||||
Max container width | None (auto) | 540px | 720px | 960px | 1140px | 1320px |
Class prefix | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
.col-xxl- |
# of columns | 12 | |||||
Gutter width | 24px (12px on each side of a column) | |||||
Custom gutters | Yes | |||||
Nestable | Yes | |||||
Offsets | Yes | |||||
Column ordering | Yes |