رنگ متن
برای تغییر رنگ متن از کلاس کمکی text-* استفاده کنید
- متن اصلی - متن ثانویه - متن موفقیت - متن خطرناک - متن اخطار - متن اطلاعات - متن روشن - متن تاریک
لینک رنگی
برای ایجاد لینک رنگی از کلاس کمکی link-* استفاده کنید
رنگ پس زمینه متن
برای تغییر پس زمینه متن از کلاس کمکی txt-bg-* استفاده کنید
- پس زمینه اصلی - پس زمینه ثانویه - پس زمینه موفقیت - پس زمینه خطرناک - پس زمینه اخطار - پس زمینه اطلاعات - پس زمینه روشن - پس زمینه تاریک
ترازبندی متن
برای ترازبندی متن از کلاس کمکی text-* استفاده کنید
متن با حروف کوچک
متن با حروف بزرگ
متن با حروف بزرگ اول
- ترازبندی وسط متن
- ترازبندی ابتدا متن
- ترازبندی انتهای متن
دکور متن
برای تغییر نوع متن از کلاس کمکی text-d-* استفاده کنید
- تغییر متن آندرلاین
- تغییر متن خط روی متن
- تغییر متن خط بالا
- تغییر متندوخطی
- تغییر متنسه خطی
استایل فونت
برای استایل فونت از کلاس کمکی f-fs-* استفاده کنید
- استایل فونتنرمال
- استایل فونتایتالیک
- استایل فونتمحرک
- استایل فونتاولیه
- استایل فونتوراثتی
سربرگ ها
از کلاس های h1 تا h6 برای ایجاد سربرگ ها استفاده کنید
اندازه متن h1
اندازه متن h2
اندازه متن h3
اندازه متن h4
اندازه متن h5
اندازه متن h6
وزن فونت
برای تغییر وزن متن از کلاس کمکی f-fw-* استفاده کنید
- وزن فونتf-fw-100*
- وزن فونتf-fw-200*
- وزن فونتf-fw-300*
- وزن فونتf-fw-400*
- وزن فونتf-fw-500*
- وزن فونتf-fw-600*
- وزن فونتf-fw-700*
- وزن فونتf-fw-800*
- وزن فونتf-fw-900*
اندازه فونت
برای تغییر اندازه فونت از کلاس کمکی f-s-* استفاده کنید
- فونت با اندازه-10
- فونت با اندازه-12
- فونت با اندازه-14
- فونت با اندازه-16
- فونت با اندازه-18
- فونت با اندازه-20
- فونت با اندازه-24
- فونت با اندازه-32
پدینگ
برای افزودن فاصله داخلی (padding) المنت ها از کلاس کمکی pa-* استفاده کنید

پدینگ-16

پدینگ-14

پدینگ-10

پدینگ-8

پدینگ-4

پدینگ-2

لیست پدینگ ها

- 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

پدینگ کناری
برای ایجاد فاصله های کناری از کلاس های کمکی pd-t-*/pd-s-*/pd-e-*/pd-b-* استفاده کنید

فاصله بالا-40

فاصله انتها-40

فاصله پایین-40

فاصله ابتدا-40

لیست پدینگ ها

- 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

فاصله مارجین
برای ا فزودن فاصله مارجین از کلاس کمکی mg-* استفاده کنید
مارجین-40
مارجین-34
مارجین-30
مارجین-28
مارجین-24
مارجین-20
مارجین-14

مارجین-10

مارجین-4

لیست مارجین ها

- 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

مارجین کناری
برای افزودن مارجین های کناری از کلاس های کمکی mg-t-*/mg-s-*/mg-e-*/mg-b-* استفاده کنید

مارجین ابتدا-40

مارجین بالا-40

مارجین انتها-40

مارجین پایین-40

لیست مارجین های کناری

- 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

عرض و ارتفاع
برای افزودن عرض و ارتفاع از کلاس های کمکی w-*/h-* استفاده کنید
200*200
150*150
110*110
90*90
80*80
60*60
50*50
شعاع
برای افزودن شعاع لبه ها از کلاس های کمکی rounded*/rounded-top*/rounded-end*/rounded-bottom*/ rounded-start*/rounded-pill*/rounded-circle* استفاده کنید
توضیحات تصویر توضیحات تصویر توضیحات تصویر توضیحات تصویر توضیحات تصویر توضیحات تصویر توضیحات تصویر
حاشیه ها
برای افزودن حاشیه ها از کلاس های کمکی b-* استفاده کنید
حاشیه
حاشیه-بالا
حاشیه-ابتدا
حاشیه-انتها
حاشیه-پایین
حاشیه کناری
حاشیه-0
حاشیه-بالا-0
حاشیه-ابتدا-0
حاشیه-انتها-0
حاشیه-پایین-0
رنگ حاشیه ها
حاشیه-1-اصلی
حاشیه-1-ثانویه
حاشیه-1-موفقیت
حاشیه-1-خطرناک
حاشیه-1-اخطار
حاشیه-1-اطلاعات
حاشیه-1-روشن
حاشیه-1-تاریک
عرض حاشیه
حاشیه-1-اصلی
حاشیه-3-اصلی
حاشیه-5-اصلی
حاشیه-7-اصلی
حاشیه-9-اصلی
حاشیه-11-اصلی
حاشیه-13-اصلی
حاشیه-15-اصلی
حاشیه-16-اصلی
شعاع حاشیه
حاشیه با شعاع-5
حاشیه با شعاع-10
حاشیه با شعاع-15
حاشیه با شعاع-20
حاشیه با شعاع-25
حاشیه با شعاع-30
حاشیه خط دار
حاشیه خطی-1-اصلی
حاشیه خطی-2-ثانویه
حاشیه خطی-3-موفقیت
حاشیه خطی-4-اخطار
حاشیه خطی-5-خطرناک
حاشیه خطی-6-تاریک
حاشیه خطی-8-اطلاعات
حاشیه نقطه ای
حاشیه نقطه ای-1-اصلی
حاشیه نقطه ای-2-ثانویه
حاشیه نقطه ای-3-موفقیت
حاشیه نقطه ای-4-اخطار
حاشیه نقطه ای-5-خطرناک
حاشیه نقطه ای-6-تاریک
حاشیه نقطه ای-8-اطلاعات
چرخش
90°
180°
270°
-90°
-180°
-280°