ایجاد برچسب در Bootstrap

ایجاد برچسب در Bootstrap

تاریخ انتشار: 20 دی 1394

تعداد بازدید: 0 نفر

در این بخش نحوه ایجاد برچسب ها و علامت های inline با استفاده از بوت استرپ را خواهید آموخت.

ایجاد برچسب های inline :

برچسب های خطی ( inline ) عموماً برای نشان دادن اطلاعات مهم در صفحات وب مانند نکته های مهم، پیام هشدار و ... استفاده میشوند.
مثال زیر نحوه ایجاد برچسب های خطی با استفاده از بوت استرپ را نمایش میدهد :








خروجی مثال بالا به شکل زیر خواهد بود :













بعضی کلاس های متنی که بر روی برچسب های خطی تأکید ایجاد میکنند :







خروجی مثال بالا به شکل زیر خواهد بود :


 

ایجاد علامت های inline :

به طور مشابه میتوانید علائم خطی ( inline ) جهت ارائه اطلاعاتی مانند تعداد پیام رسیده یا خوانده نشده، تعداد درخواست دوستی و ... به کاربر، ایجاد کنید. این علائم اکثراً در وب سایت های شبکه های اجتماعی و ایمیل ها دیده میشوند.







خروجی مثال بالا به شکل زیر خواهد بود :





مطلب بعدی -> ایجاد نوار پیشرفت در Bootstrap
اشتراک گذاری:
021-41658