عرض مصدر Bootstrap/Topics

== تقديم إلى إطار Bootstrap ==

=== [[Bootstrap/introduction|مقدمة]] ===
كيف تضيف إطار عمل Bootstrap إلى مشروعك، وما هي ميزاته الرئيسية.

=== [[Bootstrap/download|تنزيل الإطار]] ===
تنزيل إطار Bootstrap للحصول على شفرة <nowiki/>[[CSS]] و <nowiki/>[[JavaScript]] المجمَّعة (compiled)، أو الشفرة المصدرية (source code)، أو تضمينه باستخدام مدير الحزم.

=== [[Bootstrap/contents|المحتويات]] ===
استكشاف محتوى Bootstrap، بما في ذلك الإصدارات المُجمّعة والشفرات المصدرية. مع ذكر أمور تتعلق بملحقات <nowiki/>[[JavaScript]].

=== [[Bootstrap/browsers_devices|دعم المتصفحات]] ===
معلومات عن المتصفّحات والأجهزة، من الحديثة إلى القديمة، التي يدعمها Bootstrap؛ مع المرور على الحالات الفريدة والعلل الخاصّة بكل واحد منها.

=== [[Bootstrap/javascript|مكتبات JavaScript]] ===
معلومات عن ملحقات <nowiki/>[[JavaScript]] الاختيارية المبنية على jQuery، وخيارات البيانات وواجهة التطبيقات البرمجية API وأمور أخرى.

=== [[Bootstrap/theming|تخصيص المظهر (Theming)]] ===
التعديل على شكل العناصر في إطار Bootstrap باستخدام [[Sass]].

=== [[Bootstrap/build_tools|أدوات البناء (Build tools)]] ===
طريقة استخدام سكربتات npm المُضمَّنة في Bootstrap لتوليد التوثيق، وتجميع الشفرة المصدرية، وتشغيل الاختبارات وغير ذلك.

=== [[Bootstrap/webpack|تضمين Bootstrap باستخدام Webpack]] ===
كيفية تضمين Bootstrap في المشاريع باستخدام Webpack 3.

=== [[Bootstrap/accessibility|سهولة الوصول (Accessibility)]] ===
نظرة مُختصرة على ميزات Bootstrap ومواطن قصوره في إنشاء محتوى سهل الوصول Accessibility.

== تخطيط الصفحات ==

=== [[Bootstrap/layout_overview|لمحة عن تخطيط الصفحات]] ===
يحوي إطار العمل Bootstrap عناصر وخيارات لتخطيط مشاريع تطوير الويب؛ بما في ذلك الحاويّات (containers)، ونظام الشبكة (grid system)، وكائنات الوسائط (media object)، وأصناف أدوات متجاوبة.

=== [[Bootstrap/grid|الشبكة (Grid)]] ===
استخدام الصناديق المرنة Flexbox عبر نظام الشبكة Grid المُعرَّف مسبقًا في إطار العمل Bootstrap، والذي يتيح إنشاء مُخطَّطات لصفحات متجاوبة على مختلف الأجهزة وقياسات الشاشة.

=== [[Bootstrap/media_object|تخطيط كائنات الوسائط (Media object)]] ===
كيفيّة إنشاء مكوِّنات متداخلة شبيهة بالتعليقات في المدوّنات أو تغريدات تويتر والردود عليها في إطار العمل Bootstrap باستخدام كائن الوسائط Media object.

=== [[Bootstrap/utilities_for_layout|أدوات مساعدة (Utilities for layout)]] ===
تعرّف على الأصناف الخدميّة في إطار العمل Bootstrap واستفد منها في مهامّ مثل إظهار المحتوى، وإخفائه، ومحاذاته ومباعدته.

== تنسيق المحتوى ==

=== [[Bootstrap/reboot|التنسيق الافتراضي (Reboot)]] ===
ينبني إطار العمل Bootstrap على مجموعة من تعديلات CSS - تُعرَف باسم Reboot - تغيّر السلوكي الافتراضي لبعضٍ من عناصر الصفحة.

=== [[Bootstrap/typography|الخطوط والنصوص (Typography)]] ===
كيف تُضبَط الإعدادات العامّة للخطوط والنصوص (مثل الترويسات، متن الصفحة Body، القوائم ...إلخ) في إطار العمل Bootstrap.

=== [[Bootstrap/code|الشفرات البرمجية (Code)]] ===
كيفيّة إدراج تعليمات برمجيّة مهما كان طولها في صفحات ويب تُبنى عبر إطار العمل Bootstrap.

=== [[Bootstrap/images|الصور (Images)]] ===
تهيئة الصوّر لإنشاء صفحات ويب متجاوبة في إطار العمل Bootstrap، واستخدام الأصنتف الخدميَّة المُعدَّة سلفًا لإضافة تنسيقات متنوّعة عليها.

=== [[Bootstrap/tables|الجداول (Tables)]] ===
تعرَّف على أصناف خدميّة لتنسيق الجداول Tables بأنماط متنوّعة في إطار العمل Bootstrap.

=== [[Bootstrap/figures|الرسومات التوضيحية (Figures)]] ===
تنسيق عنصر <code><figure></code> لإنشاء رسومات توضيحيّة توجد بها صوّر ونصوص اختياريّة عن الصوّر.

== المكونات ==

=== [[Bootstrap/alerts|التنبيهات (Alerts)]] ===
أظهر رسائل للزوّار باستخدام مكوِّن التنبيهات في إطار العمل Bootstrap بغرض التنبيه، أو التحذير، أو الإبلاغ بنجاح إجراء؛ وغيرها من صوّر التفاعل مع سلوك المستخدم.

=== [[Bootstrap/badge|الشارات والعلامات المميزة (Badge)]] ===
إضافة علامات مميّزة مثل عدّدا الإشعارات والشارات إلى عناصر صفحة الويب باستخدام مكوِّن الشارات المُعرَّف مسبقًا في إطار العمل Bootstrap.

=== [[Bootstrap/breadcrumb|قائمة التنقل التفصيلية (Breadcrumb)]] ===
حسّن تجربة المستخدم بعرض قائمة تنقّل تفصيليّة عن طريق المكوِّن المُعرَّف مسبقا في إطار العمل Bootstrap لتوضيح تسلسل وهرميّة الصفحات في الموقع.

=== [[Bootstrap/buttons|الأزرار (Buttons)]] ===
تعرَّف على أصناف مكوِّن الأزرار في إطار العمل Bootstrap لاستخدامها في تنسيق الإجراءات في الاستمارات ونوافذ الحوار وما شابههما.

=== [[Bootstrap/button_group|مجموعات الأزرار (Button group)]] ===
استخدم مكوِّن مجموعات الأزرار في إطار العمل Bootstrap لتجميع سلسلة من الأزرار معًا واستغلالها لإنشاء وظائف جديدة باستخدام JavaScript.

=== [[Bootstrap/card|البطاقات (Card)]] ===
اعرض محتوى صفحات الويب على شكل بطاقات مع مكوِّن البطاقات Cards في إطار العمل Bootstrap الذي يوفّر حاويةً مرنة وقابلة للتمديد تنضاف إليها تنويعات متعدّدة.

=== [[Bootstrap/carousel|عرض الشرائح (Carousel)]] ===
استخدم مكوِّن الدوّار Carousel في إطار العمل Bootstrap لإضافة شرائح عرض بمحتوى متنوّع إلى صفحات الويب.

=== [[Bootstrap/collapse|العناصر القابلة للطيّ (Collapse)]] ===
أظهر المحتوى أو أخفه حسب الحاجة باستخدام مكوِّن الطيّ في إطار العمل Bootstrap.

=== [[Bootstrap/dropdowns|القوائم المنسدلة (Dropdowns)]] ===
استخدم مكوِّن القوائم المنسدلة والمُلحَق المصاحب له لعرض  قوائم منسدلة Dropdown بها روابط أو غيرها من العناصر.

=== [[Bootstrap/forms|الاستمارات (Forms)]] ===
نسِّق عناصر التحكّم وأنشئ مُخطَّطات متنوعة للاستمارات Forms عبر المكوِّن الذي يقدّمه إطار العمل Bootstrap.

=== [[Bootstrap/input_group|مجموعات الإدخال (Input group)]] ===
استفد من مجموعات الإدخال التي يقدّمها إطار العمل Bootstrap لتخصيص الاستمارات Forms بسهولة.

=== [[Bootstrap/jumbotron|Jumbotron]] ===
أبرز  رسائل دعائيّة بالتركيز على محتوى مخصوص في صفحة الويب باستخدام مكوِّن Jumbotron المرن والخفيف الذي يمكنه التمدّد على كامل إطار العرض.

=== [[Bootstrap/list_group|مجموعات القوائم (List group)]] ===
اعرض سلاسل محتوى بفعاليّة ومرونة باستخدام مكوِّن مجموعات القوائم List group الذي يأتي مبدئيًّا في إطار العمل Bootstrap.

=== [[Bootstrap/modal|النوافذ الشرطيّة (Modal)]] ===
أظهر نوافذ خفيفة فوق محتوى صفحات الويب المُصمَّمة لسؤال الزوّار أو تنبيههم باستخدام مكوِّن النوافذ الشرطيّة Modals ومُلحَق JavaScript المرافق له.

=== [[Bootstrap/navs|عناصر التنقل (Navs)]] ===
ابن أيّ نوع من مكوِّنات التنقّل بين الفقرات والصفحات باستخدام مكوِّن عناصر التنقّل Navigation الذي يقدّمه  إطار العمل Bootstrap.

=== [[Bootstrap/navbar|شرائط التنقل (Navbar)]] ===
ضمِّن ترويسات تنقّل متجاوبة في صفحات الويب باستخدام مكوِّن شرائط التنقّل الفعّال والمرن الذي يتوفّر عليه إطار العمل Bootstrap.

=== [[Bootstrap/pagination|ترقيم الصفحات (Pagination)]] ===
نسِّق المحتوى متعدِّد الصفحات بإضافة روابط مُرقَّمة للتنقّل بين الصفحات باستخدام مكوِّن الترقيم المُضمَّن في إطار العمل Bootstrap.

=== [[Bootstrap/popovers|العناصر المنبثقة (Popovers)]] ===
أضف تنسيقات وتأثيرات ظرفيّة بمحتوى مُخصَّص إلى صفحة الويب باستخدام العناصر المنبثقة التي يوفّرها إطار العمل Bootstrap.

=== [[Bootstrap/progress|شرائط التقدم (Progress)]] ===
أضف شرائط تنقّل مُجمَّعة أو منفردة إلى صفحات الويب ونسِّق خلفيّاتها باستخدام مكوِّن شرائط التقدّم في إطار العمل Bootstrap.

=== [[Bootstrap/scrollspy|متتبع التمرير (Scrollspy)]] ===
يتيح متتبّع التمرير في Bootstrap إمكانية تحديث عناصر التنقّل النشطة بناءً على جزء الصفحة الذي يوجد به شريط التمرير.

=== [[Bootstrap/spinners|دورات الانتظار (spinners)]] ===
وضّح لزوار موقعك حالة التحميل الخاصة بالمكوّن أو الصفحة باستخدام دوّارات الانتظار في Bootstrap.

=== [[Bootstrap/toasts|النخب (Toasts)]] ===
أظهر إشعارات لزوارك عبر مكونات النخب (toast‎s)، وهي رسائل تنبيه قابلة للتخصيص بسهولة.

=== [[Bootstrap/tooltips|التلميحات (Tooltips)]] ===
استخدم مكوِّن التلميحات في إطار العمل Bootstrap لإضافة إرشادات سريعة حول محتوى معيَّن في صفحة الويب.

== الأدوات المرفقة ==

=== [[Bootstrap/borders|الإطارات (Borders)]] ===
تنسيق حدود العناصر في Bootstrap وتخصيص أنماطها للصوّر، والأزرار أو أي عنصُر آخر.

=== [[Bootstrap/clearfix|Clearfix]] ===
ألغ تأثير الخاصيّة <code>float</code> على عناصر صفحة الويب باستخدام أداة Clearfix التي يقدّمها إطار العمل Bootstrap.

=== [[Bootstrap/close_icon|أيقونة الإغلاق (Close icon)]] ===
استخدم أداة أيقونة الإغلاق التي يقدّمها إطار العمل Bootstrap لتوفير أيقونة موَّحدة عبر المشروع تتيح تجاهل محتوى عناصر مثل النوافذ الشرطيّة Modals والتنبيهات Alerts.

=== [[Bootstrap/colors|الألوان (Colors)]] ===
استعن بأدوات الألوان في إطار العمل Bootstrap لتصميم هويّة بصريّة متناسقة وموَّحدة على صفحات الموقع.

=== [[Bootstrap/display|الخاصية display]] ===
بدِّل بسرعة بين القيّم الأكثر شيوعًا للخاصيّة <code>display</code>  باستخدام أصناف العرض المتجاوبة التي يقدّمها إطار العمل Bootstrap.

=== [[Bootstrap/embed|العناصر المُضمَّنة (Embeds)]] ===
استعن بأدوات التضمين التي يتوفّر عليها إطار العمل Bootstrap لإدراج مقاطع فيديو أو عروض شارئح ضمن صفحات الويب.

=== [[Bootstrap/flex|حاويات Flex]] ===
استخدم حاويّات Flex للتعامل السريع والفعّال مع مُخطّطات Flexbox ونظام الشبكة في إطار العمل Bootstrap.

=== [[Bootstrap/float|تعويم العناصر (Float)]] ===
فعِّل أدوات التعويم Float المتجاوبة التي يوفّرها إطار العمل Bootstrap على أي عنصُر تختاره عبر أي نقطة حديّة.

=== [[Bootstrap/image_replacement|تبديل الصور (Image replacement)]] ===
ضع صورًا في خلفيّة بعض العناصر مكان النصوص باستخدام أداة تبديل الصوّر المتوفّرة في إطار العمل Bootstrap.

=== [[Bootstrap/interactions|التفاعلات (Interactions)]] ===
تعرّف على أصناف مساعدة للتحكم في كيفية تفاعل المستخدمين مع محتويات الموقع.

=== [[Bootstrap/overflow|الطفحان (overflow)]] ===
استخدم أدوات المساعدة المختصرة لضبط سلوك طفحان المحتوى عن العنصر.

=== [[Bootstrap/position|تموضع العناصر (Position)]] ===
استخدم أدوات التموضع التي يتوفّر عليها إطار العمل Bootstrap لتحديد موضع العناصر في صفحة الويب.

=== [[Bootstrap/screenreaders|قارئات الشاشات (Screenreaders)]] ===
استخدم أدوات قارئات الشاشة التي يقدّمها إطار العمل Bootstrap لإخفاء العناصر على جميع الأجهزة ما عدا قارئات الشاشة.

=== [[Bootstrap/shadows|مكوِّن الظلال (Shadows)]] ===
أضف الظلال أو أزلها عن العناصر باستخدام أدوات <code>box-shadow</code>.

=== [[Bootstrap/sizing|الأبعاد (Sizing)]] ===
استخدم أدوات العرض والطول التي يوفّرها إطار العمل Bootstrap لجعل يأخذ كامل عرض أو طول العنصُر الذي يحويه.

=== [[Bootstrap/spacing|التباعد (Spacing)]] ===
يحتوي إطار العمل Bootstrap على طيفٍ واسع من الأصناف الخدميّة المتجاوبة للتعديل على مظهر العنصُر.

=== [[Bootstrap/stretched-link|الروابط الممتدة (Stretched link)]] ===
اجعل أي عنصر HTML أو مكوّن Bootstrap قابلًا للنقر من خلال "توسيع" ذلك العنصر وإضافة رابط داخلي عبر CSS.

=== [[Bootstrap/text|النصوص (Text)]] ===
تعرَّف على كيفيّة استخدام أدوات النصوص في إطار العمل Bootstrap للتحكّم في المحاذاة، والالتفاف، وحجم النصّ وغيرها من الأمور.

=== [[Bootstrap/vertical_align|المحاذاة الرأسية (Vertical alignment)]] ===
غيِّر محاذاة العناصر ذات القيم <code>inline</code> و <code>inline-block</code> و <code>inline-table</code> للخاصية <code>[[CSS/display|display]]</code>، وخلايا الجداول باستخدام أدوات المحاذاة العموديّة (<code>[[CSS/vertical-align|vertical-align]]</code>).

=== [[Bootstrap/visibility|قابلية الرؤية (Visibility)]] ===
تحكَّم في قابليّة الرؤية دون التعديل على قيمة الخاصيّة <code>display</code> باستخدام أدوات الرؤية المتوفّرة في إطار العمل Bootstrap.

== توسعة إطار Boostrap ==

=== [[Bootstrap/extend|المنهجية المتبعة (Approach)]] ===
تعرَّف على المبادئ التوجيهيّة والإستراتيجيّات والتقنيّات المستخدَمة لبناء إطار العمل Bootstrap وصيّانته بحيث تستطيع تخصيصه أكثر وتمديده بنفسك.

=== [[Bootstrap/icons|الأيقونات (Icons)]] ===
دليل ومُقترَحات حول استخدام مكتبات أيقونات خارجيّة مع إطار العمل Bootstrap.

== الهجرة ==

=== [[Bootstrap/migration|الهجرة إلى الإصدار 4]] ===
الإصدار الرابع من Bootstrap  هو إعادة كتابة جذرية للمشروع بأكمله. سنلخّص في هذه الصفحة أبرز التغييرات التي أتى بها هذا الإصدار، ثمّ سنسرد التغييرات بحسب كل مكونة على حدة.