في هذا المقال سنتعلم كيفة تنزيل واستخدام مكتبة ( BOOTSTRAP ) الشهيره والمجانيه
اولا :يتم تنزيل المكتبه بطريقتين هما:-
---------------------------------------------
الطريقه الاولي : استحدام المكتبه اون لاين بدون تنزيل
- يتم نسخ كود الربط ( Cdn ) التالي
- يتم لصق الكود في جزء ال ( Header ) بملف التصميم ( Html file ) ثم نبدء في الاستحدام
- يتطلب هذه الطريقه الاتصال بالانترنت اثناء عرض المشروع
نسخ الكود التالي
الطريقه الثانيه : تنزيل المكتبه
- من الموقع التالي بتم تنزيل المكتبه .. اضغط هنا
- يتم فك ملف الضغط للمكتبه
- يتم اخذ نسخه من ملف ( bootstrap.min.css ) الموجود بمجلد ( \bootstrap-4.4.1\dist\css ) بالمكتبه ولصقه بالمشروع
- يتم اخذ نسخه من ملف ( bootstrap.bundle.js ) الموجود بمجلد ( bootstrap-4.4.1\dist\js ) بالمكتبه ولصقه بالمشروع
- يتم ربط الملف الاخير بملف التصميم في ال ( Header ) بالكود التالي
---------------------------------------------
ثانيا :طريقة الاستخدام
- بعد التنزيل وربط المكتبه بالتصميم يتم الاتي
- من موقع ( Bootstrap Documentation ) المكتبه نتعرف علي ال ( Class ) وطريقة استخدامها
- يتم اضافة ال ( Class ) للعنصر المراد تطبيق عليه التاثير
- المثال التالي يوضح اضافة لون للخلفيه ولون للكتابه باستخدام مكتبة ال ( bootstrap )
- كلاس ( text-danger ) يطبق لون سماوي للخلفيه وكلاس ( bg-primary ) يجعل الكتابه باللون الاحمر
*************************************************
وفي النهايه نسئلكم الدعاء وفي انتظار تعليقاتكم
تعليقات
إرسال تعليق