Bai Jamjuree
Inter
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Columns need to be nested within a "row" and a direct child of a "container". All columns start off at equal-widths by defining the class of "col" and auto-collapse at the mobile portrait breakpoint if no responsive classes are defined.
To remove all padding from columns, use the "col-no-gutters" class preceded by the initial class of "col".
To shrink a column to the width of it's children, use the "col-static" class preceded by the initial class of "col".
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 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)"
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 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 reorder columns, combine a class of "col-first", "col-last", "col-sm-first", or "col-sm-last" preceded by the by class of "col"