Bootstrap 4 Fontawsome Icons

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

1 صفوف تعليمية

Bootstrap

2,458 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

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

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

HTML

<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

HTML

<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>

جرّب بنفسك