نمادها

شما اینجا هستید

آموزش Bootstrap جلسه چهاردهم(Badges/Labels)

در خدمت شما هستیم با آموزش Bootstrap جلسه چهاردهم (Badges/Labels)

آموزش Bootstrap جلسه چهاردهم (Badges/Labels) از سری آموزش های تک قسمتی است

سلام برنامه در این جلسه درباره برچسب ها و badges ها صحبت می کند

به واسطه badge می توانید شماره هایی به لیست های خود و لینک های خود اضافه کنید

این شماره ها هر چیزی میتوانند باشند مثلا تعداد محتویات یک لیست یا تعداد دفعات دانلود یک فایل

همچنین این جلسه برچسب ها را هم بررسی می کنیم که از آنها برای نمایش tag در سایت استفاده می شود.

 

دستور badge

همانطور که توضیح داده شد از دستور badge برای نمایش تعداد محتوای درون یک لینک استفاده میشود.
فرض کنید دسته بندی دارید که در آن ۵ ویدیو وجود دارد به کمک badge میتوانید تعداد ویدیو ها را نشان دهید.

کمتر پیش می آید از این دستور به صورت استاتیک استفاده شود و معمولا به ورت داینامیک انجام میشود.
شما برای نمایش badge در بوت استرپ کافی است از کلاس آن استفاده کنید.

اگر بخواهیم مثالی از badge برای شما بزنیم مورد زیر گزینه مناسبی است:

در مثال بالا شما میتوانید کلاس badge و نحوه استفاده از آن را ببینید.

 

کلاس Labels

درباره کلاس Labels هم در بالا صحبت کردیم و همانطور که از نام آن مشخص است برای لیبل گذاری از آن استفاده می شود.
لیبل ها بسیار پر کاربرد هستند و در موارد گوناگونی برای توضیحات اضافه از آن ها استفاده میشود.

در بوت استرپ تنها با اضافه کردن کلاس آن میتوانید از آن استفاده کنید.

اگر بخواهیم مثالی از Labels بزنیم مثال زیر مناسب است:

 

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

آموزش Bootstrap جلسه سیزدهم(Glyphicons)

آموزش Bootstrap جلسه پانزدهم(Progress Bars)

 

شما می توانید این آموزش را به صورت آنلاین از ویدیو زیر ببینید

درصورت نیاز میتوانید از مسیر زیر این آموزش را در یوتیوب نیز ببینید
آموزش تصویری Label و Badge در یوتیوب
همچنین در صورت علاقه می توانید این آموزش را از باکس دانلود موجود در زیر همین پست دانلود نمایید
اگر این مطلب آموزنده بود به ما امتیاز دهید
1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (3 رای, میانگین: 4٫67 امتیاز از 5)
Loading...

این یک فایل mp4 تصویری است که با پلیر های ویدیویی قابل اجرا می باشد

دانلود آموزش Bootstrap جلسه چهاردهم(Badges/Labels): نوع فایل:mp4 حجم فایل:21.97 مگابایت

هر پلیر اجرا کننده فایل ویدیویی

1 دیدگاه برای “آموزش Bootstrap جلسه چهاردهم (Badges/Labels)”

  1. saman lol گفت:

    جالب بود با آموزشاتون چیزای جدیدی از بوت استرپ یاد گرفتم

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

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

*

code

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