محتويات إطار Bootstrap

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

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

الإصدار المُجمَّع من Bootstrap

استخرج محتويات المجلّد المضغوط بعد تنزيله وسترى مجلدات تشبه بنيتها التالي:
bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   └── bootstrap-reboot.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.min.js
    ├── bootstrap.js
    └── bootstrap.min.js
هذا هو الشكل الأساسي والأقل تخصيصًا من Bootstrap: ملفات مجمَّعة مسبقا لوضعها بسهولة واستخدامها في أي مشروع ويب تقريبا. تتوفّر نسخة مجمَّعة من صفحات الأنماط CSS وملفات JavaScript (أي bootstrap.*‎) إضافة إلى نسخة مجمّعة ومصغّرة من الأنماط و JavaScript (bootstrap.min.*‎). تتوفّر مخطّطات ربط لصفحات الأنماط (CSS source maps) لاستخدامها مع أدوات التطوير التي توفّرها بعض المتصفّحات. تتضمّن ملفات JavaScript المُحزَّمة Bundled JS‏ (bootstrap.bundle.js والنسخة المصغّرة bootstrap.bundle.min.js) مكتبة Popper ولكنها لا تشمل jQuery.

ملفات CSS

يوفّر Bootstrap خيارات مفيدة لتضمين ملفات CSS المُجمّعة، بعضها أو كلها.

ملفات CSS المُخطّط المحتوى العناصر الأدوات
bootstrap.cssbootstrap.min.css مُتضمَّن مُتضمَّن مُتضمَّن مُتضمَّن
bootstrap-grid.cssbootstrap-grid.min.css نظام الشبكة فقط غير مُتضمَّن غير مُتضمَّن أدوات الاستطالة فقط
bootstrap-reboot.cssbootstrap-reboot.min.css غير مُتضمَّن ملفات Reboot فقط غير مُتضمَّن غير مُتضمَّن

ملفات JavaScript

تتوفّر، على نفس المنهج، خيارات لتضمين ملفات JavaScript المجمّعة، جميعها أو بعضها.

ملفات JavaScript Popper jQuery
bootstrap.bundle.js

bootstrap.bundle.min.js

مُتضمَّن غير مُتضمَّن
bootstrap.js

bootstrap.min.js

غير مُتضمَّن غير مُتضمَّن

الشفرة المصدرية لإطار Bootstrap

يتضمّن ملف الشفرة المصدرية لإطار Bootstrap موارد CSS و JavaScript المجمَّعة مسبقًا علاوة على مصادر Sass، وملفات JavaScript، والتوثيق.
bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

توجد في المجلّدين scss/ وjs/ الشفرة المصدرية لملفات CSS و JavaScript. يحوي المجلّد dist/ جميع محتويات الإصدار المُجمَّع المذكورة في القسم السابق. توجد الملفات المصدرية لتوثيق إطار العمل في المجلّد docs/ الذي يحوي مجلدًا فرعيًا examples/ يضم أمثلةً على استخدام Bootstrap. توفر الملفات المُضمّنة الأخرى معلومات الترخيص والدعم للحزم ولأدوات التطوير.

مصادر