آیکن‌ها

Main Page Tutorial
موارد آموزشی
۱	خانه
۲	شروع
۳	ظرف‌ها
۴	شبکه‌بندی پایه
۵	تایپوگرافی
۶	رنگ‌ها
۷	جدول‌ها
۸	تصاویر
۹	جامبوترون
۱۰	هشدارها
۱۱	کلیدها
۱۲	گروه‌های کلید
۱۳	نشان‌ها (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>):

مثال

<i class="fas fa-cloud"></i>
<i class="fas fa-coffee"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>

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

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

صفحهٔ بعد »

« صفحهٔ قبل