رفتن به محتوای اصلی به پیمایش اسناد بروید
Check
in English

دانلود

Bootstrap را دانلود کنید تا CSS و جاوا اسکریپت کامپایل شده، کد منبع را دریافت کنید، یا آن را با مدیران بسته مورد علاقه خود مانند npm، RubyGems و غیره اضافه کنید.

CSS و JS کامپایل شده است

کد کامپایل شده آماده برای Bootstrap v5.2.1 را دانلود کنید تا به راحتی وارد پروژه خود شوید که شامل:

این شامل اسناد، فایل‌های منبع، یا وابستگی‌های اختیاری جاوا اسکریپت مانند پوپر نمی‌شود.

دانلود

فایل های منبع

بوت استرپ را با خط لوله دارایی خود با دانلود منبع Sass، جاوا اسکریپت و فایل های اسنادی ما کامپایل کنید. این گزینه به ابزار اضافی نیاز دارد:

اگر به مجموعه کامل ابزارهای ساخت ما نیاز دارید ، آنها برای توسعه Bootstrap و اسناد آن گنجانده شده‌اند، اما احتمالاً برای اهداف شما مناسب نیستند.

منبع دانلود

مثال ها

اگر می‌خواهید نمونه‌های ما را دانلود و بررسی کنید ، می‌توانید نمونه‌های ساخته‌شده را بگیرید:

دانلود نمونه ها

CDN از طریق jsDelivr

دانلود را با jsDelivr رد کنید تا نسخه کش شده CSS و JS کامپایل شده بوت استرپ را به پروژه خود تحویل دهید.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

اگر از جاوا اسکریپت کامپایل‌شده ما استفاده می‌کنید و ترجیح می‌دهید Popper را جداگانه اضافه کنید، Popper را قبل از JS ما ترجیحاً از طریق CDN اضافه کنید.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

مدیران بسته

فایل های منبع بوت استرپ را تقریباً در هر پروژه ای با برخی از محبوب ترین مدیران بسته وارد کنید. مهم نیست مدیر بسته، Bootstrap برای تنظیمی که با نسخه های کامپایل شده رسمی ما مطابقت دارد، به یک کامپایلر Sass و Autoprefixer نیاز دارد.

npm

بوت استرپ را در برنامه های مجهز به Node.js خود با بسته npm نصب کنید :

npm install [email protected]

const bootstrap = require('bootstrap')یا import bootstrap from 'bootstrap'تمام پلاگین های بوت استرپ را روی یک bootstrapشی بارگذاری می کند. خود ماژول bootstrapتمام افزونه های ما را صادر می کند. می‌توانید با بارگیری /js/dist/*.jsفایل‌ها در دایرکتوری سطح بالای بسته، افزونه‌های Bootstrap را به‌صورت دستی بارگیری کنید.

Bootstrap package.jsonحاوی برخی متادیتاهای اضافی تحت کلیدهای زیر است:

  • sass- مسیر فایل منبع اصلی Sass Bootstrap
  • style- مسیر به CSS غیرمینی شده بوت استرپ که با استفاده از تنظیمات پیش فرض کامپایل شده است (بدون سفارشی سازی)
با پروژه شروع ما با بوت استرپ از طریق npm شروع کنید! به مخزن قالب twbs/bootstrap-npm-starter بروید تا نحوه ساخت و سفارشی کردن Bootstrap را در پروژه npm خودتان ببینید. شامل کامپایلر Sass، Autoprefixer، Stylelint، PurgeCSS، و نمادهای Bootstrap است.

نخ

بوت استرپ را در برنامه های مجهز به Node.js خود با بسته yarn نصب کنید :

RubyGems

بوت استرپ را با استفاده از Bundler ( توصیه شده ) و RubyGems با افزودن خط زیر به برنامه های Ruby خود نصب کنید Gemfile:

gem 'bootstrap', '~> 5.2.1'

از طرف دیگر، اگر از Bundler استفاده نمی کنید، می توانید با اجرای این دستور Gem را نصب کنید:

gem install bootstrap -v 5.2.1

برای جزئیات بیشتر به README این جواهر مراجعه کنید.

آهنگساز

همچنین می توانید Sass و JavaScript Bootstrap را با استفاده از Composer نصب و مدیریت کنید :

composer require twbs/bootstrap:5.2.1

NuGet

اگر در .NET Framework توسعه می دهید، می توانید CSS یا Sass و جاوا اسکریپت Bootstrap را نیز با استفاده از NuGet نصب و مدیریت کنید . پروژه های جدیدتر باید از libman یا روش دیگری استفاده کنند، زیرا NuGet برای کد کامپایل شده طراحی شده است، نه دارایی های frontend.

Install-Package bootstrap
Install-Package bootstrap.sass