آموزش بوت استرپ

ساخت label و badge و کار با انها در بوت استرپ bootstrap

نحوه کار و ساخت یا ایجاد badge و برچسب یا label در بوت استرپ bootstrap

 

مدالها Badges

 

مدالها شاخص های عددی هستند که تعداد موارد را با یک لینک مرتبط می کند:

اعداد (۵، ۱۰ و ۲) مدالها هستند.

استفاده از کلاس .badge در عناصر <span> برای ایجاد مدالها:

مثال

مدالها badge نیز می توانند در داخل عناصر دیگر مانند دکمه ها استفاده شوند:

مثال زیر نشان می دهد چگونگی اضافه کردن مدالها badge  به دکمه ها:

مثال

 

برچسب ها Labels

برچسب ها برای ارائه اطلاعات اضافی در مورد چیزی استفاده می شوند:


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

  .label-default، .label-primary، .label-success، .label-info، .label-warning یا .label-danger،  در یک عنصر <span> برای ایجاد برچسب:

مثال

 

مثال زیر تمام کلاس برچسب های متنی contextual label  را نشان می دهد:

 

نوشته های مشابه

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

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

بستن