الفرق بين المراجعتين لصفحة: «Bootstrap/contents»
ط إضافة عنوان الصفحة |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
سطر 90: | سطر 90: | ||
== مصادر == | == مصادر == | ||
* [https://getbootstrap.com/docs/4.0/getting-started/contents/ صفحة Contents في توثيق Bootstrap]. | * [https://getbootstrap.com/docs/4.0/getting-started/contents/ صفحة Contents في توثيق Bootstrap]. | ||
[[تصنيف:Bootstrap]] | [[تصنيف:Bootstrap|{{SUBPAGENAME}}]] | ||
[[تصنيف:Bootstrap Getting Started]] | [[تصنيف:Bootstrap Getting Started|{{SUBPAGENAME}}]] |
مراجعة 13:15، 7 مايو 2018
اكتشف محتوى 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. توفر الملفات المُضمّنة الأخرى معلومات الترخيص والدعم للحزم ولأدوات التطوير.