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

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

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

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

نشانها

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

نشان های متنی

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

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

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

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

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

موفق باشید.

برچسب ها : برچسب ها در بوت استرپ، بولد کردن قسمتی از محتوا در بوت استرپ

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