• Telegram
  • Google Plus
  • Linked In

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

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

تاریخ درج: خلاصه

طراحی سایت، آموزش بوت استرپ، bootstrap ، ایجاد برچسب در بوت استرپ، label

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

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

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

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








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













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







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


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

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







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





مطلب بعدی -> ایجاد نوار پیشرفت در Bootstrap

تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In