الفرق بين المراجعتين ل"Bootstrap/download"
(إضافة روابط) |
جميل-بيلوني (نقاش | مساهمات) ط (←مديرو الحزم: تصحبح كلمة) |
||
| (3 مراجعات متوسطة بواسطة مستخدم واحد آخر غير معروضة) | |||
| سطر 1: | سطر 1: | ||
| + | <noinclude>{{DISPLAYTITLE:تنزيل إطار العمل Bootstrap}}</noinclude> | ||
نزّل Bootstrap للحصول على شفرة [[CSS]] و [[JavaScript]] المجمَّعة (compiled)، أو الشفرة المصدرية (source code)، أو ضمّنها بمدير الحزم المفضَّل لديك مثل npm وRubyGems وغيرها. | نزّل Bootstrap للحصول على شفرة [[CSS]] و [[JavaScript]] المجمَّعة (compiled)، أو الشفرة المصدرية (source code)، أو ضمّنها بمدير الحزم المفضَّل لديك مثل npm وRubyGems وغيرها. | ||
| سطر 28: | سطر 29: | ||
== مديرو الحزم == | == مديرو الحزم == | ||
| − | احصل على ملفات Bootstrap المصدرية وأضفها إلى أي مشروع تقريبًا باستخدام بعضٍ من أكثر مديري الحزم شعبية. بغضّ النظر عن مدير الحزم، سيحتاج Bootstrap إلى مجمّع [[ | + | احصل على ملفات Bootstrap المصدرية وأضفها إلى أي مشروع تقريبًا باستخدام بعضٍ من أكثر مديري الحزم شعبية. بغضّ النظر عن مدير الحزم، سيحتاج Bootstrap إلى مجمّع [[Sass]] و [https://github.com/postcss/autoprefixer Autoprefixer] للحصول على إعداد يوافق النسخ المُجمَّعة الرسمية. |
=== npm === | === npm === | ||
| سطر 52: | سطر 53: | ||
=== NuGet === | === NuGet === | ||
| − | إن كنت تطوّر في بيئة NET. فيمكنك تثبيت [[CSS]] أو [[Sass]] | + | إن كنت تطوّر في بيئة NET. فيمكنك تثبيت [[CSS]] أو [[Sass]] و [[JavaScript]] الخاصّة بإطار Bootstrap باستخدام [https://www.nuget.org/ NuGet].<syntaxhighlight lang="powershell"> |
Install-Package bootstrap | Install-Package bootstrap | ||
| سطر 60: | سطر 61: | ||
== مصادر == | == مصادر == | ||
* [https://getbootstrap.com/docs/4.0/getting-started/download/ صفحة Download في توثيق Bootstrap]. | * [https://getbootstrap.com/docs/4.0/getting-started/download/ صفحة Download في توثيق Bootstrap]. | ||
| + | [[تصنيف:Bootstrap|{{SUBPAGENAME}}]] | ||
| + | [[تصنيف:Bootstrap Getting Started|{{SUBPAGENAME}}]] | ||
مراجعة 20:16، 21 يناير 2019
نزّل Bootstrap للحصول على شفرة CSS و JavaScript المجمَّعة (compiled)، أو الشفرة المصدرية (source code)، أو ضمّنها بمدير الحزم المفضَّل لديك مثل npm وRubyGems وغيرها.
شفرة CSS وJavaScript المجمَّعة
نزّل شفرة Bootstrap المُجمَّعة الجاهزة للاستخدام (الإصدار 4.0.0) والتي يمكن تضمينها بسهولة في مشروعاتك، تتضمّن هذه النسخة:
- رزمة صفحات CSS مجمَّعة ومُصغّرة (انظر مقارنة بين ملفات CSS)
- ملحقات JavaScript مُجمَّعة ومُصغَّرة.
لا تتضمّن هذه النسخة أي توثيق، أو ملفات مصدرية، أو أية اعتماديّات JavaScript اختيارية (أي jQuery و Popper.js).
نزّل.
الملفات المصدرية
جمّع Bootstrap حسب طريقتك الخاصّة بتنزيل ملفات Sass المصدرية، وملفات JavaScript، وملفات التوثيق. يتطلّب هذا الخيار أدوات إضافية:
- مجمّع Sass (يدعم Libsass أو Ruby Sass) لتجميع صفحات CSS.
- Autoprefixer لإضافة البادئات Prefixes الخاصّة بمختلف مزوّدي صفحات الأنماط CSS Vendor.
إن احتجت لأدوات البناء من المصدر (Build tools) فهي مُضمَّنة لتطوير Bootstrap وتوثيقه؛ إلا أنها قد لا تتوافق مع احتياجاتك الخاصّة.
BootstrapCDN
تجاوز التنزيل بتوفير نسخة مجمَّعة مُخبّأة من ملفات CSS وJavascript الخاصّة بإطار Bootstarp عن طريق BootstrapCDN.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
لا تنس تضمين نُسَخ موزّعة من jQuery وPopper.js قبل إضافة BootstrapCDN.
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
مديرو الحزم
احصل على ملفات Bootstrap المصدرية وأضفها إلى أي مشروع تقريبًا باستخدام بعضٍ من أكثر مديري الحزم شعبية. بغضّ النظر عن مدير الحزم، سيحتاج Bootstrap إلى مجمّع Sass و Autoprefixer للحصول على إعداد يوافق النسخ المُجمَّعة الرسمية.
npm
ثبّت Bootstrap على تطبيقات العاملة على Node.js بحزمة bootstrap في npm.
npm install bootstrap
ستنزّل التعليمة require('bootstrap') جميع ملحقات jQuery في Bootstrap إلى كائن jQuery. لا تصدّر وحدة bootstrap بذاتها أي شيء. يمكنك تنزيل ملحقات jQuery في Bootstrap فرادى يدويًا بتنزيل ملفات المسار /js/*.js انطلاقا من المجلّد الرئيسي في الحزمة.
يتضمّن الملف package.json بيانات وصفية إضافية تحت المفاتيح التالية:
- sass - المسار إلى ملف مصدر Sass الأساسي.
- style - المسار إلى ملف CSS غير المُصغَّر الذي جُمِّع مسبقًا باستخدام الإعدادات المبدئية (دون تخصيص).
RubyGems
ثبّت Bootstrap في تطبيقات Ruby باستخدام Bundler (يُنصح به) و RubyGems بإضافة السطر التالي إلى ملف Gemfile الخاصّ بك:
gem 'bootstrap', '~> 4.0.0'
إن لم تكن تستخدم Bundler فطريقة بديلة للتثبيت هي تنفيذ الأمر:
gem install bootstrap -v 4.0.0
راجع ملف README للمزيد من التفاصيل.
Composer
يمكنك كذلك تثبيت ملفات Sass و JavaScript الخاصّة بإطار Bootstrap عن طريق Composer:
composer require twbs/bootstrap:4.0.0
NuGet
إن كنت تطوّر في بيئة NET. فيمكنك تثبيت CSS أو Sass و JavaScript الخاصّة بإطار Bootstrap باستخدام NuGet.
Install-Package bootstrap
Install-Package bootstrap.sass