قسمت چهارم bootstrap :چگونه از انواع رنگ در بوت استرپ استفاده کنیم؟

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
قسمت چهارم bootstrap :چگونه از انواع رنگ در بوت استرپ استفاده کنیم؟

نویسنده:

مرتضی افضلی

Statistics-rafiki

تعداد بازدید:

2536

Calendar-amico (2)

تاریخ انتشار:

15 , مرداد , 1398

Work time-rafiki

زمان تقریبی مطالعه :

5 دقیقه

باسلام. در این قسمت از اموزش های بوت استرپ به بررسی انواع رنگ های متنی و پس زمینه ها در بوت استرپ خواهیم پرداخت.

شما میتوانید با مراجعه به دوره ی جامع بوت استرپ از سایر قسمت های اموزش استفاده کنید.

برای سهولت استفاده میتوانید بر روی لینک های زیر کلیک کنید تا به تیترمورد نظر در مقاله هدایت شوید:

رنگهای متن

بوت استرپ ۴ کلاس هایی برای شناسایی و معنی دادن به تکست ها از طریق رنگ دادن دارد:

رنگهای بوت استرپ به صورت ربرو تعریف میشوند : .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body(رنگ پیش فرض بدنه به رنگ سیاه) و .text-light

برای درک بهتر رنگ های بوت استرپ به مثال زیر توجه کنید:

کلاس های متن همچنین میتوانند برای لینک ها استفاده شوند ، به این شرح که هنگام اشاره شدن با موس یا اصطلاحا هاور شدن به رنگ تیره تر نمایش داده میشوند ، برای درک این موضوع به مثال زیر توجه کنید:

شما همچنین این قابلیت را خواهید داشت تا شفافیت ۵۰ درصد به رنگهای سیاه یا سفید را با کلاس های .text-black-50 یا .text-white-50 اضافه کنید. برای درک این موضوع به مثال زیر توجه کنید :

رنگ های پس زمینه

کلاس هایی که برای شناسایی رنگ پس زمینه استفاده میشوند بصورت ربرو هستند : .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark و .bg-light.

این نکته را به یاد داشته باشید که کلاس های رنگهای پس زمینه فقط برای پس زمینه خواهند بود و برای استفاده کردن کلاس های متنی حتما باید از کلاس .text-* استفاده کنید.

ویدیوی قسمت چهارم

توضیحات کامل تر به همراه درک کردن استفاده از هر طرح و رنگبندی خاص را در ویدیوی زیر قرار دادیم.

همانطور که میدانید برای مطالعه بیشتر موارد میتوانید به سایت getbootstrap مراجعه کنید.

امیدوارم این اموزش برای شما عزیزان مفید واقع شده باشد ، لطفا درصورت داشتن هرگونه سوال نظر یا انتقاد از قسمت کامنتها و یا شبکه های اجتماعی با ما در ارتباط باشید.

موفق و پیروز باشید.

مرتضی افضلی

مرتضی افضلی

این روزها دیگر نیاز نیست کلی هزینه‌ی اجاره‌ی مغازه بدهید. با دنیای کسب‌وکار اینترنتی و دیجیتال مارکتینگ می‌توانیم کسب درامد داشته باشیم و من در مجموعه‌ی کدپز در این راه همراه شما هستم.

تا کنون 56 نفر در کدپز ثبت نام کرده اند.

0 پاسخ به "قسمت چهارم bootstrap :چگونه از انواع رنگ در بوت استرپ استفاده کنیم؟"

ارسال یک پیام

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *