دانلود
Bootstrap را دانلود کنید تا CSS و جاوا اسکریپت کامپایل شده، کد منبع را دریافت کنید یا آن را با مدیران بسته مورد علاقه خود مانند npm، RubyGems و غیره اضافه کنید.
CSS و JS کامپایل شده است
کد کامپایل شده آماده برای Bootstrap v5.0.2 را دانلود کنید تا به راحتی در پروژه خود قرار دهید، که شامل:
- بسته های CSS کامپایل و کوچک شده (به مقایسه فایل های CSS مراجعه کنید )
- افزونه های جاوا اسکریپت کامپایل و کوچک شده (به مقایسه فایل های JS مراجعه کنید )
این شامل اسناد، فایلهای منبع، یا وابستگیهای اختیاری جاوا اسکریپت مانند پوپر نمیشود.
فایل های منبع
بوت استرپ را با خط لوله دارایی خود با دانلود منبع Sass، جاوا اسکریپت و فایل های اسنادی ما کامپایل کنید. این گزینه به ابزار اضافی نیاز دارد:
- کامپایلر Sass برای کامپایل فایل های منبع Sass در فایل های CSS
- پیشوند خودکار برای پیشوند فروشنده CSS
اگر به مجموعه کامل ابزارهای ساخت ما نیاز دارید ، آنها برای توسعه Bootstrap و اسناد آن گنجانده شدهاند، اما احتمالاً برای اهداف شما مناسب نیستند.
مثال ها
اگر میخواهید نمونههای ما را دانلود و بررسی کنید ، میتوانید نمونههای ساختهشده را بگیرید:
CDN از طریق jsDelivr
دانلود را با jsDelivr رد کنید تا نسخه کش شده CSS و JS کامپایل شده بوت استرپ را به پروژه خود تحویل دهید.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
اگر از جاوا اسکریپت کامپایلشده ما استفاده میکنید و ترجیح میدهید Popper را جداگانه اضافه کنید، Popper را قبل از JS ما ترجیحاً از طریق CDN اضافه کنید.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
مدیران بسته
فایل های منبع بوت استرپ را تقریباً در هر پروژه ای با برخی از محبوب ترین مدیران بسته وارد کنید. مهم نیست مدیر بسته، Bootstrap برای تنظیمی که با نسخههای کامپایل شده رسمی ما مطابقت دارد، به یک کامپایلر Sass و Autoprefixer نیاز دارد.
npm
بوت استرپ را در برنامه های مجهز به Node.js خود با بسته npm نصب کنید :
npm install bootstrap
const bootstrap = require('bootstrap')
یا import bootstrap from 'bootstrap'
تمام پلاگین های بوت استرپ را روی یک bootstrap
شی بارگذاری می کند. خود ماژول bootstrap
تمام افزونه های ما را صادر می کند. میتوانید با بارگیری /js/dist/*.js
فایلها در دایرکتوری سطح بالای بسته، افزونههای Bootstrap را بهصورت دستی بارگیری کنید.
Bootstrap package.json
حاوی برخی متادیتاهای اضافی تحت کلیدهای زیر است:
sass
- مسیر فایل منبع اصلی Sass Bootstrapstyle
- مسیر به CSS غیرمینی شده بوت استرپ که با استفاده از تنظیمات پیش فرض از پیش کامپایل شده است (بدون سفارشی سازی)
نخ
بوت استرپ را در برنامه های مجهز به Node.js خود با بسته yarn نصب کنید :
yarn add bootstrap
RubyGems
بوت استرپ را با استفاده از Bundler ( توصیه شده ) و RubyGems با افزودن خط زیر به برنامه های Ruby خود نصب کنید Gemfile
:
gem 'bootstrap', '~> 5.0.2'
از طرف دیگر، اگر از Bundler استفاده نمی کنید، می توانید با اجرای این دستور Gem را نصب کنید:
gem install bootstrap -v 5.0.2
برای جزئیات بیشتر به README این جواهر مراجعه کنید.
آهنگساز
همچنین می توانید Sass و JavaScript Bootstrap را با استفاده از Composer نصب و مدیریت کنید :
composer require twbs/bootstrap:5.0.2
NuGet
اگر در دات نت توسعه می دهید، می توانید CSS یا Sass و جاوا اسکریپت Bootstrap را نیز با استفاده از NuGet نصب و مدیریت کنید :
Install-Package bootstrap
Install-Package bootstrap.sass