عدم نمایش آیکون glyphicon در بوت استرپ

پاسخ هوش مصنوعی

برای اینکه آیکون های glyphicon در بوت استرپ 3.3.7 به درستی نمایش داده شوند، چند نکته را بررسی کنید:

• مطمین شوید که فایل bootstrap.min.css به درستی بارگذاری شده است و هیچ خطایی در کنسول مرورگر وجود ندارد.
• بررسی کنید که آیا کلاس های glyphicon و glyphicon-trash به درستی در HTML شما استفاده شده اند.

مثال زیر را برای استفاده از آیکون سطل زباله (trash) مشاهده کنید:

<span class="glyphicon glyphicon-trash"></span>

همچنین، مطمین شوید که هیچ CSS دیگری آیکون ها را تغییر نمی دهد. بررسی کنید که کد شما شبیه به این باشد:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

اگر مشکل همچنان ادامه داشت، بررسی کنید که آیا آیکون های فونت به درستی بارگذاری شده اند و همچنین به روز بودن مرورگر خود را نیز چک کنید.

سلام

ببینید اول فایلهای Css و Jquery بوت استرپ رو نگاه کنید که به درستی به پروژه لینک شده باشه و مطمئن بشید که در سربرگ Console وقتی دکمه F12 رو می زنید خطایی وجود نداره. برای استفاده از glyphicon می تونید به صورت زیر استفاده کنید

        <span>
            <i class="glyphicon glyphicon-leaf"></i>
            YourText
        </span>

همونطوری که می بینید باید حتما glyphicon رو به صورت یک کلاس استفاده کنید و اینکه بهتره در تگ i قرار بدید. ضمنا دقت کنید که از نظر املایی اشتباه ننوشته باشید.

لیست کامل glyphicon ها رو میتونید در لینک قرار داده شده ببینید.