Grid System

grid_row(content, horizontal_alignment)

---

Creates a grid system

content - Grid System content

horizontal_alignment - Defines the horizontal alignment for elements inside the grid system. Valid options are start, center, end (Optional)

col(class_prefix, units, content)

---

Creates a column

class_prefix - Defines the max container width. Valid options are xl, lg, md, sm and no_arg()

class_prefix	xl	lg	md	sm	none
Break points (screen width)	<1200px	<992px	<768px	<576px	0
Max Container Width	1140px	960px	720px	540px	None
Device Example	laptops, desktops	laptops, tablets	tablets	phones	all

units - Defines how wide the column should be (x/12)%. Only accepts non-decimal numbers up to 12.

content - The column content

Example

View Working Example

echo grid_row(col(no_arg(),no_arg(),"Col1").col(no_arg(),no_arg(),"Col1").col(no_arg(),no_arg(),"Col1").col(no_arg(),no_arg(),"Col1"),no_arg());
echo grid_row(col(no_arg(),"4","Col1").col(no_arg(),"2","Col1").col(no_arg(),"2","Col1").col(no_arg(),"4","Col1"),no_arg());