Helper Classes

Text Color
useing text-* class for text color
- .text-primary - .text-secondary - .text-success - .text-danger - .text-warning - .text-info - .text-light - .text-dark
Link Color
useing link-* class for Link color
-link-primary -link-secondary - link-success -link-danger -link-warning - link-info -link-light -link-dark
Text background Color
useing txt-bg-* class for light background
- .txt-bg-primary - .txt-bg-secondary - .txt-bg-success - .txt-bg-danger - .txt-bg-warning - .txt-bg-info - .txt-bg-light - .txt-bg-dark
Text Align
useing text-* class for text align
Text-Lowercase
Text-Uppercase
Text-Capitalize
- Text Align Center
- Text Align Start
- Text Align End
Text Decoration
useing text-d-* class for text decoration
- Text Decoration underline
- Text Decoration line-through
- Text Decoration overline
- Text Decorationoverline-underline
- Text Decorationunderline-line-through
Font Style
useing f-fs-* class for font style
- Font styleNormal
- Font styleItalic
- Font styleOblique
- Font styleInitial
- Font styleInherit
Headings
useing h1 to h6 class for Headings
h1 Fontsize
h2 Fontsize
h3 Fontsize
h4 Fontsize
h5 Fontsize
h6 Fontsize
Font Weight
useing f-fw-* class for font weight
- Font weightf-fw-100*
- Font weightf-fw-200*
- Font weightf-fw-300*
- Font weightf-fw-400*
- Font weightf-fw-500*
- Font weightf-fw-600*
- Font weightf-fw-700*
- Font weightf-fw-800*
- Font weightf-fw-900*
Font Size
useing f-s-* class for font size
- FontSize-10
- FontSize-12
- FontSize-14
- FontSize-16
- FontSize-18
- FontSize-20
- FontSize-24
- FontSize-32
Padding
useing pa-* class for Padding

Padding-16

Padding-14

Padding-10

Padding-8

Padding-4

Padding-2

Padding List

- pa-1

- pa-2

- pa-3

- pa-4

- pa-5

- pa-6

- pa-7

- pa-8

- pa-9

- pa-10

- pa-11

- pa-12

- pa-13

- pa-14

- pa-15

- pa-16

- pa-17

- pa-18

- pa-19

- pa-20

- pa-21

- pa-22

- pa-23

- pa-24

- pa-25

- pa-26

- pa-27

- pa-28

- pa-29

- pa-30

- pa-31

- pa-32

- pa-33

- pa-34

- pa-35

- pa-36

- pa-37

- pa-38

- pa-39

- pa-40

Side Padding
useing pd-t-*/pd-s-*/pd-e-*/pd-b-* class for Padding

Padding-Top-40

Padding-End-40

Padding-Bottom-40

Padding-Start-40

Side Padding List

- padding top

- pa-t-4

- pa-t-8

- pa-t-10

- pa-t-14

- pa-t-18

- pa-t-20

- pa-t-24

- pa-t-28

- pa-t-30

- pa-t-34

- pa-t-38

- pa-t-40

- padding start

- pa-s-4

- pa-s-8

- pa-s-10

- pa-s-14

- pa-s-18

- pa-s-20

- pa-s-24

- pa-s-28

- pa-s-30

- pa-s-34

- pa-s-38

- pa-s-40

- padding end

- pa-e-4

- pa-e-8

- pa-e-10

- pa-e-14

- pa-e-18

- pa-e-20

- pa-e-24

- pa-e-28

- pa-e-30

- pa-e-34

- pa-e-38

- pa-e-40

- padding bottom

- pa-b-4

- pa-b-8

- pa-b-10

- pa-b-14

- pa-b-18

- pa-b-20

- pa-b-24

- pa-b-28

- pa-b-30

- pa-b-34

- pa-b-38

- pa-b-40

Margin
useing mg-* class for margin
Margin-40
Margin-34
Margin-30
Margin-28
Margin-24
Margin-20
Margin-14

Margin-10

Margin-4

Marigin List

- mg-1

- mg-2

- mg-3

- mg-4

- mg-5

- mg-6

- mg-7

- mg-8

- mg-9

- mg-10

- mg-11

- mg-12

- mg-13

- mg-14

- mg-15

- mg-16

- mg-17

- mg-18

- mg-19

- mg-20

- mg-21

- mg-22

- mg-23

- mg-24

- mg-25

- mg-26

- mg-27

- mg-28

- mg-29

- mg-30

- mg-31

- mg-32

- mg-33

- mg-34

- mg-35

- mg-36

- mg-37

- mg-38

- mg-39

- mg-40

Side Margin
useing mg-t-*/mg-s-*/mg-e-*/mg-b-* class for Padding

Margin-Start-40

Margin-Top-40

Margin-End-40

Margin-Bottom-40

Side Margin List

- Margin top

- mg-t-4

- mg-t-8

- mg-t-10

- mg-t-14

- mg-t-18

- mg-t-20

- mg-t-24

- mg-t-28

- mg-t-30

- mg-t-34

- mg-t-38

- mg-t-40

- Margin start

- mg-s-4

- mg-s-8

- mg-s-10

- mg-s-14

- mg-s-18

- mg-s-20

- mg-s-24

- mg-s-28

- mg-s-30

- mg-s-34

- mg-s-38

- mg-s-40

- Margin end

- mg-e-4

- mg-e-8

- mg-e-10

- mg-e-14

- mg-e-18

- mg-e-20

- mg-e-24

- mg-e-28

- mg-e-30

- mg-e-34

- mg-e-38

- mg-e-40

- Margin bottom

- mg-b-4

- mg-b-8

- mg-b-10

- mg-b-14

- mg-b-18

- mg-b-20

- mg-b-24

- mg-b-28

- mg-b-30

- mg-b-34

- mg-b-38

- mg-b-40

Width and Height
useing w-*/h-* class for Radius
200*200
150*150
110*110
90*90
80*80
60*60
50*50
Radius
useing rounded*/rounded-top*/rounded-end*/rounded-bottom*/ rounded-start*/rounded-pill*/rounded-circle* class for Radius
Border
useing b-* class for border
border
border-t
border-s
border-e
border-b
Side Border
border-0
border-t-0
border-s-0
border-e-0
border-b-0
Border Color
b-1-primary
b-1-secondary
b-1-success
b-1-danger
b-1-warning
b-1-info
b-1-light
b-1-dark
Border Width
b-1-primary
b-3-primary
b-5-primary
b-7-primary
b-9-primary
b-11-primary
b-13-primary
b-15-primary
b-16-primary
Border Radius
b-r-5
b-r-10
b-r-15
b-r-20
b-r-25
b-r-30
Border Dashed Style
dashed-1-primary
dashed-2-secondary
dashed-3-success
dashed-4-warning
dashed-5-danger
dashed-6-dark
dashed-8-info
Border Dashed Style
dotted-1-primary
dotted-2-secondary
dotted-3-success
dotted-4-warning
dotted-5-danger
dotted-6-dark
dotted-8-info
Rotate
90°
180°
270°
-90°
-180°
-280°