معمولا نشانها در بوت استرپ برای اشاره کردن و بولد کردن یک قسمت به کار میروند ، برای اطلاعات بیشتر درباره ی جدید بودن یک لیبل میتوان از نشان استفاده کرد . در سایر قسمت های آموزش بوت استرپ به بررسی نکات ریز و کاربردی در باره تایپوگرافی و تعریف دکمه ها و …. پرداخته ایم که توصیه میشود قبل از خواندن این مقاله این نکات را بخوانید.
اگر نکاتی که در سایر قسمت های بوت استرپ گفته شده است را میدانید پس تا انتهای مقاله با ما همراه باشید تا به بررسی نشانها در بوت استرپ بپردازیم.
نشانها
نشان ها برای اضافه کردن اطلاعات اضافی به هر محتوا استفاده می شوند. از کلاس .badge همراه با یک کلاس متنی (مانند .badge-second) در عناصر <span> استفاده کنید تا نشان های مستطیل شکل ایجاد کنید. توجه داشته باشید که مقیاس مدالها برای مطابقت با اندازه عنصر والدین (در صورت وجود):
Badges
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
نشان های متنی
برای تغییر رنگ یک نشان از هر یک از کلاس های متنی (.badge- *) استفاده کنید:
Primary Secondary Success Danger Warning Info Light Dark
نشان های قرصی شکل
از کلاس .badge-pil استفاده کنید تا نشانها قرصی شکل شوند:
Primary Secondary Success Danger Warning Info Light Dark
گاها برای شما عزیزان هم پیش امده است که نیاز داشته باشید تا اعدادی داخل نشان ها قرار گیرند ، برای رفع این مسئله کافی است از قطعه کد زیر استفاده کنید تا با ساختار زیر نشان های شما عدد گذاری شوند.
ویدیو قسمت 11
پیشنهاد میشود برای مطالعه موارد بیشتر به سایت getbootstrap مراجعه فرمایید.
موفق باشید.
