1- ما هو Bootstrap وكيف يمكن استخدامه؟

الدرس: 1- ما هو Bootstrap وكيف يمكن استخدامه؟

وصف مختصر:

1- ما هو Bootstrap وكيف يمكن استخدامه؟ Bootstrap هو إطار عمل (Framework) مجاني ومفتوح المصدر يستخدم لتصميم صفحات الويب بسرعة وسهولة. يعتمد...

وصف الدرس

1- ما هو Bootstrap وكيف يمكن استخدامه؟

Bootstrap هو إطار عمل (Framework) مجاني ومفتوح المصدر يستخدم لتصميم صفحات الويب بسرعة وسهولة. يعتمد على HTML | CSS | JavaScript ويوفر مكوّنات جاهزة مثل الأزرار | الجداول | النماذج | القوائم | الشبكات (Grid System)، مما يساعد على بناء تصاميم متجاوبة تعمل على جميع الشاشات.

كيفية استخدامه:

  1. إضافة Bootstrap للمشروع

    • إما عبر CDN بإضافة روابط الجاهزة في <head> و<body>.

    • أو تحميل الملفات واستخدامها محليًا.



  2. استخدام نظام الشبكة (Grid System)

    • تقسيم الصفحة إلى صفوف row وأعمدة col لتنسيق المحتوى بسهولة.



  3. استخدام العناصر الجاهزة

    • مثل: أزرار btn، بطاقات card، قوائم تنقل navbar.



  4. التعديل على التصميم

    • يمكن تخصيص Bootstrap عبر كتابة CSS إضافي فوق الإعدادات الافتراضية.



الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي 1- ما هو Bootstrap وكيف يمكن استخدامه؟

المصادر

ملحقات ال PDF

has been added to the cart. View Cart