Margin
Margin Top Values
It is Very Easy to Customize and it uses in website apllication.
.mt-0
.mt-4
.mt-6
Classes | .mt-[value] |
Values | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Margin Left Values
It is Very Easy to Customize and it uses in website apllication.
.ms-0
.ms-4
.ms-6
Classes | .ms-[value] |
Values | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Margin Right Values
It is Very Easy to Customize and it uses in website apllication.
.me-4
.me-6
.me-2
Classes | .me-[value] |
Values | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Margin Bottom Values
It is Very Easy to Customize and it uses in website apllication.
.mb-0
.mb-4
.mb-6
Classes | .mb-[value] |
Values | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Media Query Margin
It is Very Easy to Customize and it uses in website apllication.
Class | Value |
---|---|
.mt-[breakpoint]-[value] |
breakpoint: xs | sm | md | lg | xl value: the margin value (refer to code above) |
.me-[breakpoint]-[value] |
|
.mb-[breakpoint]-[value] |
|
.ms-[breakpoint]-[value] |
Auto Margin
It is Very Easy to Customize and it uses in website apllication.
Class | Value |
---|---|
.mt-auto |
Set a top margin to auto |
.me-auto |
Set a right margin to auto |
.mb-auto |
Set a bottom margin to auto |
.ms-auto |
Set a left margin to auto |