Bootstrap

Bootstrap 4 Icons

ستتعلم في هذا الدرس ربط ال Fontawsome مع ال Bootstrap لاضافة classes ال icons

التاريخ

08 ديسمبر 2021

الدروس

34

المستوى

العامة

اللغة

انجليزي

المشاهدات

788

المواضيع

6
الشروحات chevron_left Bootstrap 4 Icons chevron_left Bootstrap

Bootstrap 4 Fontawsome Icons

</> Bootstrap 4 Fontawsome Icons

ال Bootstrap 4 لا يدعم ال icons هناك الكثير من المكتبات الجاهزة لاضافة ال icons لصفحات الويب ومنها مكتبة ال FontAwesome

هناك قم باضافة ال HTML Element التالي الي صفحة الويب بداخل ال head 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
بعد ذلك قم باضافة لصفحة ال HTML  عنصر مثل i او ال span ثم قم بالحاق له class ال fontawesome
<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>
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.