آزمایشی
آموزش

آموزش بوت استرپ 4 (قسمت چهارم)

آموزش بوت استرپ 4 (قسمت چهارم)

فصل چهارم


رنگ ها در بوت استرپ 4

 

در بوت استرپ 4 کلاس های رنگی پر کاربرد به صورت مفهومی وجود دارد که می توان در موقع لزوم از آنها استفاده کرد
این کلاس های متنی عبارتند از :

.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark and .text-light

همان گونه که در بالا ملاحظه می فرمایید این کلاس های رنگی به صورت مفهومی بر اساس جا و حالتی که استفاده می شوند به نام گذاری شده اند نه به صورت نام رنگ، و همچنین در هنگام استفاده از این کلاس ها یک رویداد hover نیز به آن متن اضافه می شود که با رفتن نشانگر موس روی آن روی می دهد و متن رنگ را کمی تیره تر می کند و با خروج موس از روی آن رنگ متن به حالت اولیه خود باز می گردد.

This text is muted.

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Secondary text.

Dark grey text.

Lنوعی دیگر از کلاس رنگی وجود دارد که برای رنگ زمینه (Background) متن می باشد توجه شود که استفاده از کلاس رنگ زمینه تاثیری در رنگ متن ندارد و رنگ متن در صورت نیاز به تغییر باید از طریق کلاس های متنی که قبلا به آن اشاره شده تغییر کند.

کلاس های رنگ زمینه عبارتند از :

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger,

.bg-secondary, .bg-dark and .bg-light.

رنگ کلاس ها برابر رنگ کلاس های متنی می باشد.

This text indicates success.

This text represents some information.