عدم نمایش کلاس های Glyphicons در بوت استرپ 4
درود و عرض ادب
علیرغم افزودن bootstrap 4 به صفحه ام بوت استرپ کلاس Glyphicons را نمی شناسد و گویی وجود ندارد در حالیکه با همین بوت استرپ در یک فایل ساده html می توان از قابلیت Glyphicons ها استفاده کرد (پروژه در Asp.net است)
عدم نمایش کلاس های Glyphicons در بوت استرپ 4
بوت استرپ 4 کتابخانه خاص و منحصربفردی برای icon ارائه نداده. یعنی به صورت پیش فرض از آیکون خاصی پشتیبانی نمیکنه. در نسخه بوت استرپ 3 به صورت پیش فرض از Glyphicons ها استفاده می شود. بنابراین این اشتباه رو نکنید که چون در نسخه 3 آیکون ها وجود داشته در 4 هم الزاما باید وجود داشته باشه.
اگر قصد دارید از آیکون برای زیبا سازی پروژه خودتون استفاده کنید پیشنهاد این هست که از font awesome ها استفاده کنید چون آیکون های زیبا و سبکی هستن.
آموزش افزودن Font Awesome به Bootstrap 4
خب گفتیم که برای استفاده از آیکون میتونید از Font Awesome استفاده کنید. برای استفاده از این آیکون ها مراحل زیر رو انجام بدید:
- ابتدا از لینک روبرو فایلهای مربوط به Font Awesome ها رو دانلود کنید: Download Font Awesome
- فایل font-awesome/scss را در فولدر bootstrap در روت سایت کپی کنید.
- فایل /bootstrap/bootstrap.scss رو باز کنید و دستور زیر را در انتهای فایل بنویسید.
$fa-font-path: "../fonts";
@import "../font-awesome/scss/font-awesome.scss";
- دقت کنید که شما باید فونت های مربوط به Font Awesome ها رو هم از پوشه
font-awesome/fontsبه پوشهdist/fontکپی کنید و در خط اول کد بالا مسیر رو مشخص کنید. - یکبار پروژه رو بیلد کنید تا تغییرات ثبت شود.
آموزش استفاده از Font Awesome
البته شما مجبور نیستید که Font Awesome ها رو به بوت استرپ اضافه کنید. و میتونید به صورت ساده تر هم از این آیکون ها استفاده کنید.
سپاس از راهنمایی شما قطعاً تست می کنم
|
تاریخ :
1402/01/26
- ساعت :
03:38:00 PM
- بازدید :
977
- پاسخ :
1
|
|
تاریخ :
1398/08/09
- ساعت :
10:17:00 PM
- بازدید :
4232
- پاسخ :
1
|
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
544
- پاسخ :
1
|
|
تاریخ :
1398/08/21
- ساعت :
03:53:00 PM
- بازدید :
2733
- پاسخ :
1
|
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
7096
- پاسخ :
4
|
|
تاریخ :
1398/08/03
- ساعت :
10:17:00 PM
- بازدید :
16054
- پاسخ :
4
|
|
تاریخ :
1402/04/30
- ساعت :
08:10:00 AM
- بازدید :
727
- پاسخ :
2
|
|
تاریخ :
1399/10/20
- ساعت :
01:57:00 PM
- بازدید :
4461
- پاسخ :
1
|
|
تاریخ :
1399/07/25
- ساعت :
02:58:00 AM
- بازدید :
8020
- پاسخ :
1
|
|
تاریخ :
1402/02/12
- ساعت :
03:30:00 PM
- بازدید :
1330
- پاسخ :
1
|
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
199
- پاسخ :
2
|
|
تاریخ :
1403/02/29
- ساعت :
06:34:00 PM
- بازدید :
31
- پاسخ :
0
|
|
تاریخ :
1403/02/24
- ساعت :
04:40:00 PM
- بازدید :
77
- پاسخ :
2
|
|
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
128
- پاسخ :
5
|
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
86
- پاسخ :
1
|
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
175
- پاسخ :
4
|
|
تاریخ :
1403/02/20
- ساعت :
06:33:00 PM
- بازدید :
106
- پاسخ :
1
|
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
287
- پاسخ :
3
|
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1224
- پاسخ :
1
|
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1174
- پاسخ :
0
|