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

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

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

فكرة إطار العمل ​

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

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

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

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

نظام Grid لبناء الصفحات ​

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

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

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