تعلم Bootstrap بسهولة لتصميم مواقع متجاوبة

ما هو البوتستراب Bootstrap؟ 🖥️🎨​

Bootstrap هو إطار عمل (Framework) مبني باستخدام HTML، CSS، وJavaScript، وبيسهل على المصممين والمطورين إنشاء تصميمات مواقع متجاوبة بسرعة وفعالية. ⚡

1️⃣ فكرة إطار العمل 🛠️​

إطار العمل عبارة عن مجموعة أكواد جاهزة تساعدك على تنفيذ وظائف متعددة دون الحاجة لكتابة كل شيء من الصفر.

• كل عنصر أو زر أو واجهة له كلاس محدد ينفذ وظيفة معينة.
• مثال على بعض الكلاسات:
  

  <button class="btn btn-success">نجاح ✅</button>
  <button class="btn btn-danger">خطر ⚠️</button>
  <button class="btn btn-lg">زر كبير 🔘</button>

• btn-success يعطي الزر اللون الأخضر ✅
• btn-danger يعطي الزر اللون الأحمر ❌
• btn-lg يجعل الزر كبير الحجم 🔲

2️⃣ نظام Grid لبناء الصفحات 🏗️​

Bootstrap Grid System يسمح لك ببناء الصفحة على شكل صفوف وأعمدة، مع استغلال أفضل للمساحة المتاحة.

• يجعل الموقع متجاوب (Responsive) ويعمل على جميع مقاسات الشاشات.
• أمثلة على المقاسات:
  • xs للموبايل 📱
  • sm للتابلت 📲
  • lg للشاشات الكبيرة 💻

💡 Bootstrap إطار عمل قوي وبسيط لتصميم مواقع متجاوبة وجميلة بسرعة، سواء أكنت مبتدئ أو محترف، فهو يوفر لك الكثير من الوقت والجهد. 🚀