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 text-*class for text align

Text-Lowercase

Text-Uppercase

Text-Capitalize

- Text Align Center

- Text Align Start

- Text Align End

Text Decoration

using 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

using f-fs-* class for font style

- Font styleNormal

- Font styleItalic

- Font styleOblique

- Font styleInitial

- Font styleInherit

Headings

using h1 to h6 class for Headings

h1 Fontsize

h2 Fontsize

h3 Fontsize

h4 Fontsize

h5 Fontsize

h6 Fontsize

Font Weight

using 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*

Padding

using 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

using 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

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

using w-*/h-* class for Radius

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

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 text-*class for text align

Text-Lowercase

Text-Uppercase

Text-Capitalize

- Text Align Center

- Text Align Start

- Text Align End

Text Decoration

using 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

using f-fs-* class for font style

- Font styleNormal

- Font styleItalic

- Font styleOblique

- Font styleInitial

- Font styleInherit

Headings

using h1 to h6 class for Headings

h1 Fontsize

h2 Fontsize

h3 Fontsize

h4 Fontsize

h5 Fontsize

h6 Fontsize

Font Weight

using 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*

Padding

using 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

using 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

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

using w-*/h-* class for Radius

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

+29°C

+29°C

+20°C

+17°C

+18°C

+16°C

+29°C

Search Settings

Safe Search Filtering

Search Suggestions

Search History

Custom Search Preferences

user management

data visualization

security protocols

authentication methods

Data Table

Total $3,468.00

Laura Monaldo

Free Plan

Helper Classes

Text Color

Link Color

Text background Color

Text Align

Text Decoration

Font Style

Headings

Font Weight

Font Size

Padding

Padding List

Side Padding

Side Padding List

Margin

Margin List

Side Margin

Side Margin List

Width and Height

Radius

Border

Side Border

Border Color

Border Width

Border Radius

Border Dashed Style

Border Dashed Style

Rotate

Admin Customizer

Sidebar option

Layout option

Color Hint

Text size

+29°C

+29°C

+20°C

+17°C

+18°C

+16°C

+29°C

Search Settings

Safe Search Filtering

Search Suggestions

Search History

Custom Search Preferences

user management

data visualization

security protocols

authentication methods

Data Table

Total $3,468.00

Laura Monaldo

Free Plan

Helper Classes

Text Color

Link Color

Text background Color

Text Align

Text Decoration

Font Style