·bootstrap-layout
</>

bootstrap-layout

يجب استخدام هذه المهارة عندما يسأل المستخدم عن نظام شبكة Bootstrap، وحاويات Bootstrap، ونقاط توقف Bootstrap، وأعمدة Bootstrap، وصفوف Bootstrap، ومزاريب Bootstrap، والتخطيط المستجيب لـ Bootstrap، وشبكة Bootstrap CSS، ومؤشر z لـ Bootstrap، وأعمدة الصفوف في Bootstrap، وفئات إزاحة Bootstrap، وترتيب أعمدة Bootstrap، وكيفية إنشاء تخطيطات سريعة الاستجابة باستخدام Bootstrap، وكيفية استخدام شبكة Bootstrap، وعمود Bootstrap. تغيير الحجم، أو أعمدة التخطيط التلقائي في Bootstrap، أو يحتاج إلى مساعدة في تخطيط صفحة Bootstrap واستجابتها.

43التثبيتات·3الرائج·@sjnims

التثبيت

$npx skills add https://github.com/sjnims/bootstrap-expert --skill bootstrap-layout

كيفية تثبيت bootstrap-layout

ثبّت مهارة الذكاء الاصطناعي bootstrap-layout بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sjnims/bootstrap-expert --skill bootstrap-layout
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: sjnims/bootstrap-expert.

Bootstrap's layout system is built on flexbox and provides a powerful 12-column grid for creating responsive layouts. This skill covers containers, the grid system, breakpoints, and layout utilities.

| Extra small | None | <576px | | Small | sm | ≥576px | | Medium | md | ≥768px | | Large | lg | ≥992px | | Extra large | xl | ≥1200px | | Extra extra large | xxl | ≥1400px |

| | xs ≥576px | md ≥768px | lg ≥992px | xl ≥1200px | xxl ≥1400px |

يجب استخدام هذه المهارة عندما يسأل المستخدم عن نظام شبكة Bootstrap، وحاويات Bootstrap، ونقاط توقف Bootstrap، وأعمدة Bootstrap، وصفوف Bootstrap، ومزاريب Bootstrap، والتخطيط المستجيب لـ Bootstrap، وشبكة Bootstrap CSS، ومؤشر z لـ Bootstrap، وأعمدة الصفوف في Bootstrap، وفئات إزاحة Bootstrap، وترتيب أعمدة Bootstrap، وكيفية إنشاء تخطيطات سريعة الاستجابة باستخدام Bootstrap، وكيفية استخدام شبكة Bootstrap، وعمود Bootstrap. تغيير الحجم، أو أعمدة التخطيط التلقائي في Bootstrap، أو يحتاج إلى مساعدة في تخطيط صفحة Bootstrap واستجابتها. المصدر: sjnims/bootstrap-expert.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/sjnims/bootstrap-expert --skill bootstrap-layout
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-04
آخر تحديث
2026-03-10

Browse more skills from sjnims/bootstrap-expert

إجابات سريعة

ما هي bootstrap-layout؟

يجب استخدام هذه المهارة عندما يسأل المستخدم عن نظام شبكة Bootstrap، وحاويات Bootstrap، ونقاط توقف Bootstrap، وأعمدة Bootstrap، وصفوف Bootstrap، ومزاريب Bootstrap، والتخطيط المستجيب لـ Bootstrap، وشبكة Bootstrap CSS، ومؤشر z لـ Bootstrap، وأعمدة الصفوف في Bootstrap، وفئات إزاحة Bootstrap، وترتيب أعمدة Bootstrap، وكيفية إنشاء تخطيطات سريعة الاستجابة باستخدام Bootstrap، وكيفية استخدام شبكة Bootstrap، وعمود Bootstrap. تغيير الحجم، أو أعمدة التخطيط التلقائي في Bootstrap، أو يحتاج إلى مساعدة في تخطيط صفحة Bootstrap واستجابتها. المصدر: sjnims/bootstrap-expert.

كيف أثبّت bootstrap-layout؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sjnims/bootstrap-expert --skill bootstrap-layout بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/sjnims/bootstrap-expert

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-04