آیکن‌ها

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Bootstarp4-menu.png
موارد آموزشی
۱خانه
۲شروع
۳ظرف‌ها
۴شبکه‌بندی پایه
۵تایپوگرافی
۶رنگ‌ها
۷جدول‌ها
۸تصاویر
۹جامبوترون
۱۰هشدارها
۱۱کلیدها
۱۲گروه‌های کلید
۱۳نشان‌ها (Badges)
۱۴نوارهای پیشرفت
۱۵Spinnerها
۱۶صفحه‌بندی
۱۷گروه‌های لیست
۱۸کارت‌ها
۱۹منوهای کرکره‌ای
۲۰Collapse
۲۱Navها
۲۲Navbar
۲۳فرم‌ها
۲۴ورودی‌ها
۲۵گروه‌های ورودی
۲۶فرم‌های سفارشی
۲۷Carousel
۲۸Modal
۲۹راهنمای ابزار
۳۰Popover
۳۱Toast
۳۲Scrollspy
۳۳امکانات
۳۴Flex
۳۵آیکن‌ها
۳۶Media Objects
۳۷فیلترها
شبکه‌بندی
Theme
مرجع

بوت استرپ ۴ کتابخانه آیکن اختصاصی خودش را ندارد (گلیف آیکن‌های بوت استرپ ۳ در بوت استرپ ۴ پشتیبانی نمی‌شوند). اما کتابخانه‌های آیکن رایگان زیادی وجود دارند که می‌توان از میان آنها انتخاب کرد، مانند Font Awesome و Google Material Design Icons.[۱]

برای استفاده ازآیکن‌های Font Awesome، کدهای زیر را به صفحه HTML خود اضافه کنید (نیازی به دانلود و نصب نیست):

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

سپس، نام کلاس آیکن را به هر عنصر درون خطی (به انگلیسی: Inline) اچ‌تی‌ام‌ال اضافه کنید (مانند <i> یا <span>):

مثال

1 <i class="fas fa-cloud"></i>
2 <i class="fas fa-coffee"></i>
3 <i class="fas fa-car"></i>
4 <i class="fas fa-file"></i>
5 <i class="fas fa-bars"></i>


مشاهدهٔ نتیجه


لیست همهٔ آیکن‌های Font Awesome را می‌توانید اینجا پیدا کنید: https://www.w3schools.com/icons/default.asp


منابع آموزشی