1) LAYOUT

A] Container

a. Container

It is basically a responsive container which width(max-width) is already set at each breakpoints and its width is 100% at extra small breakpoints(<576px)

b. Container-sm

It's width is 100% at extra small breakpoints(<576px)

c. Container-md

It's width is 100% at extra small and small breakpoints(<768px)

d. Container-lg

It's width is 100% at extra small, small and medium breakpoints(<992px)

e. Container-xl

It's width is 100% at extra small, small, medium and large breakpoints(<1200px)

f. Container-xxl

It's width is 100% at extra small, small, medium, large and x-large breakpoints(<1400px)

g. Container-fluid

It's width is 100% at all breakpoints(less than and greater than 1400px)

B] Grid System

A] Sized Columns

.col-8

.col-2

B] Auto Sized Columns

.col automatically distributes the size

.col automatically distributes HTE size

I am 2 Units

Remaining Units belongs to me

I am 4 Units

C] Responsive Grid

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid adipisci non cum, quisquam quia earum saepe pariatur perferendis iure voluptates corrupti.

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis error quos quas ab laborum consectetur quidem voluptatum beatae. Totam, error sit.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid adipisci non cum, quisquam quia earum saepe pariatur perferendis iure voluptates corrupti.

D] Responsive Image