Helper Classes

Text Color

Using text-* class for text color

- .text-primary- .text-secondary- .text-success- .text-danger- .text-warning- .text-info- .text-light- .text-dark

Link Color

Using link-* class for link color

- link-primary- link-secondary- link-success- link-danger- link-warning- link-info- link-light- link-dark

Text Background Color

Using 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

using using text-* class for text align

- Text Align Text-Lowercase

- Text Align Text-Uppercase

- Text Align Text-Capitalize

- Text Align Text Align Center

- Text Align Text Align Start

- Text Align Text Align End

Text Decoration

using using text-d-* class for text decoration

- Text Decoration underline

- Text Decoration line-through

- Text Decoration overline

Font Style

using using f-fs-* class for font style

- Font Style Normal

- Font Style Italic

- Font Style Oblique

- Font Style Initial

- Font Style Inherit

Headings

using using h1 to h6 class for Headings

- Headings h1

- Headings h2

- Headings h3

- Headings h4

- Headings h5

- Headings h6

Font Weight

using using f-fw-* class for font weight

- Font Weight (100)

- Font Weight (200)

- Font Weight (300)

- Font Weight (400)

- Font Weight (500)

- Font Weight (600)

- Font Weight (700)

- Font Weight (800)

- Font Weight (900)

Padding

Using pa-* class for Padding

Padding-2

Padding-4

Padding-8

Padding-10

Padding-14

Padding-16

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

Using pd-t-*/pd-s-*/pd-e-*/pd-b-* class for Padding

Top 40

Start 40

End 40

Bottom 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

Using mg-* class for Margin

Margin-40

Margin-34

Margin-30

Margin-28

Margin-24

Margin-20

Margin-14

Margin-10

Margin-4

Margin 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

Using mg-t-*/mg-s-*/mg-e-*/mg-b-* class for Margin

mg-T-40

mg-S-40

mg-E-40

mg-B-40

Side Margin List

- Margin t

- 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 s

- 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 e

- 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 b

- 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

using w-*/h-* class for size

200*200

150*150

110*110

90*90

80*80

60*60

50*50

Radius

using rounded*/rounded-top*/rounded-end*/rounded-bottom*/ rounded-start*/rounded-pill*/rounded-circle* class for Radius

Border

using 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 Dotted 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°