جلسه ۱۱ : آشنایی با آیکون های Glyph در Bootstrap 3

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره آموزش کامل bootstrap 3 را دنبال می کنند. امروزه در اغلب وب سایت ها برای فعالیت های مختلف کاربران در وب سایت، از جمله ذخیره ، ویرایش ، بروزرسانی و … یک آیکون مرتبط با همان فعالیت در نظر گرفته شده است. این آیکون ها، مانند عکس ها ، درک مفهوم آن فعالیت را برای کاربران راحت تر خواهد کرد. فریم ورک bootstrap 3 نیز آیکون هایی را برای اعمال و بخش های مختلفی که یک وب سایت ممکن است داشته باشد را فراهم کرده است که به آنها glyphicon گفته می شود. برای آشنایی با آیکون های glyph در bootstrap 3 در ادامه ی مباحث فوق، با ما همراه باشید.

آشنایی با آیکون های glyph در bootstrap 3

فریم ورک bootstrap 3 حدود ۲۶۰ عدد آیکون glyphicon را ارائه کرده است.

آیکون glyphicon را می توان در عناصر text, buttons, toolbars, navigation, forms و … استفاده کرد.

آیکون های glyphicon برای فعالیت هایی نظیر ارسال نامه، جستجو ، دانلود ، چاپ و … استفاده می شود.

آشنایی با آیکون های glyph در bootstrap 3

ساختار آیکون های glyph

ساختار استفاده از آیکون glyph بصورت زیر است:

قسمت نام در ساختار بالا باید با نام مناسب glyphicon جایگزین شود.

مثالی از glyph icon

کد زیر بخوبی چگونگی استفاده از انواع  آیکون های glyph را نشان می دهد:

کلام آخر

استفاده کردن از آیکون های glyph برای مشخص کردن فعالیت و عملیات مختلف در وب سایت، درک بخش ها و اعمال مختلف وب سایت را برای کاربران راحت تر و ساده تر می کند. امیدواریم که از مباحث آموزش آشنایی با آیکون های Glyph در bootstrap 3 بخوبی استفاده کرده باشید.