نشان ها در Bootstrap :

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

مثال :

See the Pen
GbGExq
by Farazgar (@Rezash)
on CodePen.

 

نشان های متنی (Contextual Badges) :

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

مثال :

See the Pen
jjKwXz
by Farazgar (@Rezash)
on CodePen.

 

نشان های قرصی (Pill Badges) :

از کلاس badge-pill.  به منظور گرد کردن گوشه نشان ها استفاده می کنیم.

مثال :

See the Pen
JQZyjo
by Farazgar (@Rezash)
on CodePen.

 

نشان درون یک عنصر (Badge inside an Element) :

نشان ها درون یک عنصر مانند دکمه نیز می توانند گنجانده شوند.

مثال :

See the Pen
EBRvgx
by Farazgar (@Rezash)
on CodePen.

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

سایت بوت استرپ ۴ : www.getbootstrap.com

مقاله پیشنهادی :

 

5/5 - (2 امتیاز)

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

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