الفرق بين المراجعتين لصفحة: «Bootstrap/contents»
إنشاء صفحة المحتويات في توثيق Bootstrqp |
لا ملخص تعديل |
||
| (4 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:محتويات إطار Bootstrap}}</noinclude> | |||
اكتشف محتوى Bootstrap، بما في ذلك الإصدارات المُجمّعة والشفرات المصدرية. تذكّر أن ملحقات [[JavaScript]] في [[Bootstrap]] تعتمد على [[jQuery]]. | اكتشف محتوى Bootstrap، بما في ذلك الإصدارات المُجمّعة والشفرات المصدرية. تذكّر أن ملحقات [[JavaScript]] في [[Bootstrap]] تعتمد على [[jQuery]]. | ||
== الإصدار المُجمَّع من Bootstrap == | == الإصدار المُجمَّع من Bootstrap == | ||
استخرج محتويات المجلّد المضغوط بعد [[Bootstrap/download|تنزيله]] وسترى مجلدات تشبه بنيتها التالي:<syntaxhighlight> | استخرج محتويات المجلّد المضغوط بعد [[Bootstrap/download|تنزيله]] وسترى مجلدات تشبه بنيتها التالي:<syntaxhighlight lang="text"> | ||
bootstrap/ | bootstrap/ | ||
├── css/ | ├── css/ | ||
│ ├── 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 | ||
│ ├── bootstrap.css | |||
│ | │ ├── bootstrap.css.map | ||
│ ├── bootstrap.min.css | |||
│ | │ └── bootstrap.min.css.map | ||
│ | |||
│ | |||
│ | |||
│ | |||
│ | |||
│ | |||
└── js/ | └── js/ | ||
├── bootstrap.bundle.js | |||
├── bootstrap.bundle.js.map | |||
├── bootstrap.bundle.min.js | |||
├── bootstrap.bundle.min.js.map | |||
├── bootstrap.js | |||
├── bootstrap.js.map | |||
├── bootstrap.min.js | |||
└── bootstrap.min.js.map | |||
</syntaxhighlight>هذا هو الشكل الأساسي والأقل تخصيصًا من Bootstrap: ملفات مجمَّعة مسبقا لوضعها بسهولة واستخدامها في أي مشروع ويب تقريبا. تتوفّر نسخة مجمَّعة من صفحات الأنماط [[CSS]] وملفات [[JavaScript]] (أي <code>bootstrap.*</code>) إضافة إلى نسخة مجمّعة ومصغّرة من الأنماط و [[JavaScript]] (<code>bootstrap.min.*</code>). تتوفّر [https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps مخطّطات ربط لصفحات الأنماط] (CSS source maps) لاستخدامها مع أدوات التطوير التي توفّرها بعض المتصفّحات. تتضمّن ملفات JavaScript المُحزَّمة Bundled JS (<code>bootstrap.bundle.js</code> والنسخة المصغّرة <code>bootstrap.bundle.min.js</code>) مكتبة [https://popper.js.org/ Popper] ولكنها لا تشمل [[jQuery]]. | </syntaxhighlight>هذا هو الشكل الأساسي والأقل تخصيصًا من Bootstrap: ملفات مجمَّعة مسبقا لوضعها بسهولة واستخدامها في أي مشروع ويب تقريبا. تتوفّر نسخة مجمَّعة من صفحات الأنماط [[CSS]] وملفات [[JavaScript]] (أي <code>bootstrap.*</code>) إضافة إلى نسخة مجمّعة ومصغّرة من الأنماط و [[JavaScript]] (<code>bootstrap.min.*</code>). تتوفّر [https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps مخطّطات ربط لصفحات الأنماط] (CSS source maps) لاستخدامها مع أدوات التطوير التي توفّرها بعض المتصفّحات. تتضمّن ملفات JavaScript المُحزَّمة Bundled JS (<code>bootstrap.bundle.js</code> والنسخة المصغّرة <code>bootstrap.bundle.min.js</code>) مكتبة [https://popper.js.org/ Popper] ولكنها لا تشمل [[jQuery]]. | ||
| سطر 45: | سطر 32: | ||
يوفّر Bootstrap خيارات مفيدة لتضمين ملفات [[CSS]] المُجمّعة، بعضها أو كلها. | يوفّر Bootstrap خيارات مفيدة لتضمين ملفات [[CSS]] المُجمّعة، بعضها أو كلها. | ||
{| class="wikitable" | {| class="wikitable" | ||
!ملفات CSS | |||
!المُخطّط | |||
!المحتوى | |||
!العناصر | |||
!الأدوات | |||
|- | |- | ||
|bootstrap.cssbootstrap.min.css | |<code>bootstrap.cssbootstrap.min.css</code> | ||
|مُتضمَّن | |مُتضمَّن | ||
|مُتضمَّن | |مُتضمَّن | ||
| سطر 57: | سطر 44: | ||
|مُتضمَّن | |مُتضمَّن | ||
|- | |- | ||
|bootstrap-grid.cssbootstrap-grid.min.css | |<code>bootstrap-grid.cssbootstrap-grid.min.css</code> | ||
|نظام الشبكة فقط | |[[Bootstrap/grid|نظام الشبكة فقط]] | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
|أدوات الاستطالة فقط | |[[Bootstrap/flex|أدوات الاستطالة فقط]] | ||
|- | |- | ||
|bootstrap-reboot.cssbootstrap-reboot.min.css | |<code>bootstrap-reboot.cssbootstrap-reboot.min.css</code> | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
|ملفات Reboot فقط | |[[Bootstrap/reboot|ملفات Reboot فقط]] | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
| سطر 73: | سطر 60: | ||
تتوفّر، على نفس المنهج، خيارات لتضمين ملفات [[JavaScript]] المجمّعة، جميعها أو بعضها. | تتوفّر، على نفس المنهج، خيارات لتضمين ملفات [[JavaScript]] المجمّعة، جميعها أو بعضها. | ||
{| class="wikitable" | {| class="wikitable" | ||
!ملفات JavaScript | |||
!Popper | |||
!jQuery | |||
|- | |- | ||
|bootstrap.bundle.js | |<code>bootstrap.bundle.js</code> | ||
bootstrap.bundle.min.js | <code>bootstrap.bundle.min.js</code> | ||
|مُتضمَّن | |مُتضمَّن | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
|- | |- | ||
|bootstrap.js | |<code>bootstrap.js</code> | ||
bootstrap.min.js | <code>bootstrap.min.js</code> | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
|غير مُتضمَّن | |غير مُتضمَّن | ||
| سطر 91: | سطر 78: | ||
== الشفرة المصدرية لإطار Bootstrap == | == الشفرة المصدرية لإطار Bootstrap == | ||
يتضمّن ملف الشفرة المصدرية لإطار Bootstrap موارد [[CSS]] و [[JavaScript]] المجمَّعة مسبقًا علاوة على مصادر [[Sass]]، وملفات [[JavaScript]]، والتوثيق.<syntaxhighlight> | يتضمّن ملف الشفرة المصدرية لإطار Bootstrap موارد [[CSS]] و [[JavaScript]] المجمَّعة مسبقًا علاوة على مصادر [[Sass]]، وملفات [[JavaScript]]، والتوثيق.<syntaxhighlight lang="text"> | ||
bootstrap/ | bootstrap/ | ||
├── dist/ | ├── dist/ | ||
│ ├── css/ | |||
│ | │ └── js/ | ||
├── site/ | |||
│ | │ └──docs/ | ||
│ └── 4.5/ | |||
│ └── examples/ | |||
│ | |||
├── js/ | ├── js/ | ||
└── scss/ | └── scss/ | ||
</syntaxhighlight> | </syntaxhighlight> | ||
توجد في المجلّدين <code>scss/</code> و<code>js/</code> الشفرة المصدرية لملفات [[CSS]] و [[JavaScript]]. يحوي المجلّد <code>dist/</code> جميع محتويات الإصدار المُجمَّع المذكورة في القسم السابق. توجد الملفات المصدرية لتوثيق إطار العمل في المجلّد <code>docs | توجد في المجلّدين <code>scss/</code> و<code>js/</code> الشفرة المصدرية لملفات [[CSS]] و [[JavaScript]]. يحوي المجلّد <code>dist/</code> جميع محتويات الإصدار المُجمَّع المذكورة في القسم السابق. توجد الملفات المصدرية لتوثيق إطار العمل في المجلّد <code>/site/docs</code> الذي يحوي مجلدًا فرعيًا <code>examples/</code> يضم أمثلةً على استخدام [[Bootstrap]]. توفر الملفات المُضمّنة الأخرى معلومات الترخيص والدعم للحزم ولأدوات التطوير. | ||
== مصادر == | == مصادر == | ||
* [https://getbootstrap.com/docs/4. | * [https://getbootstrap.com/docs/4.5/getting-started/contents/ صفحة Contents في توثيق Bootstrap]. | ||
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]] | |||
[[تصنيف:Bootstrap Getting Started|{{SUBPAGENAME}}]] | |||
المراجعة الحالية بتاريخ 08:09، 14 يوليو 2020
اكتشف محتوى Bootstrap، بما في ذلك الإصدارات المُجمّعة والشفرات المصدرية. تذكّر أن ملحقات JavaScript في Bootstrap تعتمد على jQuery.
الإصدار المُجمَّع من Bootstrap
استخرج محتويات المجلّد المضغوط بعد تنزيله وسترى مجلدات تشبه بنيتها التالي:
bootstrap/
├── css/
│ ├── 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
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ └── bootstrap.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
هذا هو الشكل الأساسي والأقل تخصيصًا من 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.js
|
غير مُتضمَّن | غير مُتضمَّن |
الشفرة المصدرية لإطار Bootstrap
يتضمّن ملف الشفرة المصدرية لإطار Bootstrap موارد CSS و JavaScript المجمَّعة مسبقًا علاوة على مصادر Sass، وملفات JavaScript، والتوثيق.
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──docs/
│ └── 4.5/
│ └── examples/
├── js/
└── scss/
توجد في المجلّدين scss/ وjs/ الشفرة المصدرية لملفات CSS و JavaScript. يحوي المجلّد dist/ جميع محتويات الإصدار المُجمَّع المذكورة في القسم السابق. توجد الملفات المصدرية لتوثيق إطار العمل في المجلّد /site/docs الذي يحوي مجلدًا فرعيًا examples/ يضم أمثلةً على استخدام Bootstrap. توفر الملفات المُضمّنة الأخرى معلومات الترخيص والدعم للحزم ولأدوات التطوير.