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

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

نویسنده:

مرتضی افضلی

Statistics-rafiki

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

2536

Calendar-amico (2)

تاریخ به‌روزرسانی:

۱۳۹۹-۰۲-۱۸

Work time-rafiki

زمان مطالعه:

5 دقیقه

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

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

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

رنگهای متن

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

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

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

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

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

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

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

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

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

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

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

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

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

مرتضی افضلی

مرتضی افضلی

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

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

2 Comments

Join the discussion and tell us your opinion.

  • با عرض سلام و خسته نباشید خدمت شما مدرس گرامی .
    جا داره از زحمات شما برای گرد آوری این مطالب آموزشی تشکر کنم چرا که هماهنگ با آخرین نسخه آماده شده و جای تشکر ویژه داره که به صورت رایگان برای افراد قرار داده شده .
    کیفیت مناسب صدا و تصویر ، جامع بودن مطالب آموزشی و کامل بودن آموزش از مزایای این دوره آموزشی است که اغلب در آموزش های رایگان کم تر دیده می شود .
    یک دنیا ممنون .

    • خواهش میکنم باعث افتخار که از دوره رایگان بوت استرپ 4 رضایت داشتید ، بابت اینکه یک مقدار دیرتر از قبل جلو میره عذرخواهی میکنم به امید خدا به روند برگردیم و بتونیم باقدرت مطالب رو دراختیارتون قرار بدیم.

دیدگاهتان را بنویسید