To define our 12 column grid, all classes must precede with the initial class of "col"
To define our 12 column grid, all classes must precede with the initial class of "col"
Defining our tablet breakpoints, all classes must precede with the class of "col" and if defined, your desktop class of "col-(1-12)"
Defining our tablet breakpoints, all classes must precede with the class of "col" and if defined, your desktop and tablet classes of "col-(1-12)"
Defining our tablet breakpoints, all classes must precede with the class of "col" and if defined, your desktop, tablet and mobile landscape classes of "col-(1-12)"
If responsive columns are placed within a single row and which the total result in greater then 12, they will automatically wrap onto a new line.
To align columns from the top, combine a class of "align-start" preceded by the class of "row"
To align columns from the center, combine a class of "align-center" preceded by the class of "row"
To align columns from the bottom, combine a class of "align-end" preceded by the class of "row"
To align columns from the left, combine a class of "justify-start" preceded by the by class of "row"
To align columns from the right, combine a class of "justify-center" preceded by the class of "row"
To align columns from the right, combine a class of "justify-end" preceded by the class of "row"
To evenly space columns between each-other, combine a class of "justify-between" preceded by the class of "row"
To evenly space columns around each-other, combine a class of "justify-around" preceded by the class of "row"
To individually self-align columns, combine a class of "self-start", "self-center", "self-end" preceded by the by class of "col"
To individually reorder columns, combine a class of either "order-first", "order-last", preceded by the by class of "col"
To add extra inner padding to columns, combine a class of either "extra-pad-left", "extra-pad-right", preceded by the by class of "col"