قسمت یازدهم 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

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

746

Calendar-amico (2)

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

7 , آبان , 1398

Work time-rafiki

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

5 دقیقه

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

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

نشانها

نشان ها برای اضافه کردن اطلاعات اضافی به هر محتوا استفاده می شوند. از کلاس .badge همراه با یک کلاس متنی (مانند .badge-second) در عناصر <span> استفاده کنید تا نشان های مستطیل شکل ایجاد کنید. توجه داشته باشید که مقیاس مدالها برای مطابقت با اندازه عنصر والدین (در صورت وجود):

نشان های متنی

برای تغییر رنگ یک نشان از هر یک از کلاس های متنی (.badge- *) استفاده کنید:

نشان های قرصی شکل

از کلاس .badge-pil استفاده کنید تا نشانها قرصی شکل شوند:

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

ویدیو قسمت ۱۱

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

موفق باشید.

مرتضی افضلی

مرتضی افضلی

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

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

0 پاسخ به "قسمت یازدهم bootstrap : نحوه ی تعریف نشانها در بوت استرپ ۴"

    ارسال یک پیام

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

    X