Bootstrap/Topics

من موسوعة حسوب

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

مقدمة

كيف تضيف إطار عمل Bootstrap إلى مشروعك، وما هي ميزاته الرئيسية.

تنزيل الإطار

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

المحتويات

استكشاف محتوى Bootstrap، بما في ذلك الإصدارات المُجمّعة والشفرات المصدرية. مع ذكر أمور تتعلق بملحقات JavaScript.

دعم المتصفحات

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

مكتبات JavaScript

معلومات عن ملحقات JavaScript الاختيارية المبنية على jQuery، وخيارات البيانات وواجهة التطبيقات البرمجية API وأمور أخرى.

تخصيص المظهر (Theming)

التعديل على شكل العناصر في إطار Bootstrap باستخدام Sass.

أدوات البناء (Build tools)

طريقة استخدام سكربتات npm المُضمَّنة في Bootstrap لتوليد التوثيق، وتجميع الشفرة المصدرية، وتشغيل الاختبارات وغير ذلك.

تضمين Bootstrap باستخدام Webpack

كيفية تضمين Bootstrap في المشاريع باستخدام Webpack 3.

سهولة الوصول (Accessibility)

نظرة مُختصرة على ميزات Bootstrap ومواطن قصوره في إنشاء محتوى سهل الوصول Accessibility.

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

لمحة عن تخطيط الصفحات

الشبكة (Grid)

تخطيط عناصر الوسائط (Media object)

أدوات مساعدة (Utilities for layout)

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

التنسيق الافتراضي (Reboot)

الخطوط والنصوص (Typography)

الشيفرات البرمجية (Code)

الصور (Images)

الجداول (Tables)

الرسومات التوضيحية (Figures)

المكونات

التحذيرات (Alerts)

الشارات والعلامات المميزة (Badge)

قائمة التنقل التفصيلية (Breadcrumb)

الأزرار (Buttons)

مجموعات الأزرار (Button group)

البطاقات (Card)

عرض الشرائح (Carousel)

العناصر القابلة للطوي (Collapse)

القوائم المنسدلة (Dropdowns)

النماذج (Forms)

مجوعات الحقول (Input group)

Jumbotron

مجموعة عناصر القوائم (List group)

مربعات الحوار (Modal)

عناصر التنقل (Navs)

شرائط التنقل (Navbar)

أرقام الصفحات (Pagination)

العناصر المنبثقة (Popovers)

شرائط التقدم (Progress)

متتبع التمرير (Scrollspy)

التلميحات (Tooltips)

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

الإطارات (Borders)

Clearfix

أيقونة الإغلاق (Close icon)

الألوان (Colors)

الخاصية display

العناصر المُضمَّنة (Embeds)

حاويات Flex

تعويم العناصر (Float)

تبديل الصور (Image replacement)

تموضع العناصر (Position)

قارئات الشاشات (Screenreaders)

الأبعاد (Sizing)

التباعد (Spacing)

النصوص (Text)

المحاذاة الرأسية (Vertical alignment)

قابلية الرؤية (Visibility)

توسعة إطار Boostrap

المنهجية المتبعة (Approach)

الأيقونات (Icons)