in English

تحميل

قم بتنزيل Bootstrap للحصول على CSS و JavaScript مترجمين ، أو كود المصدر ، أو قم بتضمينه مع مديري الحزم المفضلين لديك مثل npm و RubyGems والمزيد.

تم تجميع CSS و JS

قم بتنزيل التعليمات البرمجية المجمعة الجاهزة للاستخدام لـ Bootstrap v4.6.2 لإسقاطها بسهولة في مشروعك ، والذي يتضمن:

لا يشمل ذلك الوثائق أو الملفات المصدر أو أي تبعيات اختيارية لجافا سكريبت (jQuery و Popper).

تحميل

ملفات المصدر

قم بتجميع Bootstrap باستخدام خط أنابيب الأصول الخاص بك عن طريق تنزيل ملفات Sass و JavaScript وملفات التوثيق المصدر الخاصة بنا. يتطلب هذا الخيار بعض الأدوات الإضافية:

إذا كنت بحاجة إلى مجموعتنا الكاملة من أدوات البناء ، فسيتم تضمينها لتطوير Bootstrap ومستنداته ، ولكن من المحتمل أن تكون غير مناسبة لأغراضك الخاصة.

مصدر التنزيل

أمثلة

إذا كنت ترغب في تنزيل وفحص الأمثلة الخاصة بنا ، فيمكنك الحصول على الأمثلة التي تم إنشاؤها بالفعل:

تنزيل الأمثلة

jsDelivr

تخطي التنزيل باستخدام jsDelivr لتقديم نسخة مخبأة من CSS و JS المجمعين من Bootstrap إلى مشروعك.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

إذا كنت تستخدم JavaScript المترجم وتفضل تضمين Popper بشكل منفصل ، أضف Popper قبل JS ، عبر CDN بشكل مفضل.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>

مديري الحزم

اسحب ملفات مصدر Bootstrap إلى أي مشروع تقريبًا مع بعض أشهر مديري الحزم. بغض النظر عن مدير الحزم ، سيتطلب Bootstrap مترجم Sass و Autoprefixer لإعداد يتوافق مع إصداراتنا المجمعة الرسمية.

npm

قم بتثبيت Bootstrap في التطبيقات التي تعمل بنظام Node.js باستخدام حزمة npm :

npm install bootstrap

require('bootstrap')سيتم تحميل جميع ملحقات jQuery الخاصة بـ Bootstrap على كائن jQuery. الوحدة bootstrapنفسها لا تصدر أي شيء. يمكنك يدويًا تحميل ملحقات jQuery الخاصة بـ Bootstrap بشكل فردي عن طريق تحميل /js/*.jsالملفات ضمن دليل المستوى الأعلى للحزمة.

يحتوي Bootstrap package.jsonعلى بعض البيانات الوصفية الإضافية تحت المفاتيح التالية:

  • sass- المسار إلى ملف مصدر Sass الرئيسي لـ Bootstrap
  • style- المسار إلى CSS غير المصغر لـ Bootstrap والذي تم تجميعه مسبقًا باستخدام الإعدادات الافتراضية (بدون تخصيص)
ابدأ مع Bootstrap عبر npm من خلال مشروعنا المبدئي! توجه إلى مستودع قوالب twbs / bootstrap-npm-starter لمعرفة كيفية إنشاء Bootstrap وتخصيصه في مشروع npm الخاص بك. يتضمن برنامج Sass compiler و Autoprefixer و Stylelint و PurgeCSS و Bootstrap Icons.

غزل

قم بتثبيت Bootstrap في التطبيقات التي تعمل بنظام Node.js باستخدام حزمة الغزل :

yarn add bootstrap

روبي الأحجار الكريمة

قم بتثبيت Bootstrap في تطبيقات Ruby الخاصة بك باستخدام Bundler ( موصى به ) و RubyGems عن طريق إضافة السطر التالي إلى Gemfile:

gem 'bootstrap', '~> 4.6.2'

بدلاً من ذلك ، إذا كنت لا تستخدم Bundler ، فيمكنك تثبيت الأحجار الكريمة عن طريق تشغيل هذا الأمر:

gem install bootstrap -v 4.6.2

راجع ملف README الخاص بالجوهرة للحصول على مزيد من التفاصيل.

ملحن

يمكنك أيضًا تثبيت وإدارة Sass و JavaScript في Bootstrap باستخدام Composer :

composer require twbs/bootstrap:4.6.2

نوجيت

إذا قمت بالتطوير باستخدام .NET ، فيمكنك أيضًا تثبيت وإدارة CSS أو Sass و JavaScript في Bootstrap باستخدام NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass