اصلي منځپانګې ته لاړ شئ د اسنادو نیویګیشن ته لاړشئ
Check
in English

ډاونلوډ کړئ

د ترتیب شوي CSS او JavaScript، سرچینې کوډ ترلاسه کولو لپاره بوټسټریپ ډاونلوډ کړئ، یا دا د خپل غوره کڅوړې مدیرانو لکه npm، RubyGems، او نور سره شامل کړئ.

تالیف شوی CSS او JS

د بوټسټریپ v5.2.1 لپاره د کارونې لپاره چمتو شوی تالیف شوی کوډ ډاونلوډ کړئ ترڅو په اسانۍ سره خپلې پروژې ته ننوځي ، پدې کې شامل دي:

پدې کې اسناد، د سرچینې فایلونه، یا کوم اختیاري جاواسکریپټ انحصارونه لکه پاپپر شامل ندي.

ډاونلوډ کړئ

د سرچینې فایلونه

زموږ د سرچینې ساس، جاوا سکریپټ، او د اسنادو فایلونو ډاونلوډ کولو سره د خپلې شتمنۍ پایپ لاین سره بوټسټریپ تالیف کړئ. دا اختیار ځینې اضافي وسیلې ته اړتیا لري:

  • د سی ایس ایس فایلونو ته د Sass سرچینې فایلونو راټولولو لپاره Sass کمپیلر
  • د CSS پلورونکي مخکینۍ لپاره Autoprefixer

که تاسو زموږ د جوړونې وسیلو بشپړ سیټ ته اړتیا لرئ ، دوی د بوټسټریپ او د دې سندونو رامینځته کولو لپاره شامل دي ، مګر دا احتمال لري ستاسو د خپلو موخو لپاره مناسب نه وي.

سرچینه ډاونلوډ کړئ

مثالونه

که تاسو غواړئ زموږ مثالونه ډاونلوډ او معاینه کړئ ، تاسو کولی شئ دمخه جوړ شوي مثالونه ونیسئ:

مثالونه ډاونلوډ کړئ

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>

که تاسو زموږ تالیف شوی جاوا سکریپټ کاروئ او غوره کوئ چې پوپر په جلا توګه شامل کړئ، د CDN له لارې په غوره توګه زموږ د JS څخه مخکې پوپر اضافه کړئ.

<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>

د بسته بندۍ مدیران

د بوټسټریپ سرچینې فایلونه نږدې هرې پروژې ته د ځینې خورا مشهور کڅوړې مدیرانو سره راوباسئ. مهمه نده چې د بسته بندۍ مدیر، بوټسټراپ به د سیټ اپ لپاره د ساس کمپیلر او آټوپریفکسر ته اړتیا ولري چې زموږ د رسمي تالیف شوي نسخو سره سمون لري.

npm

په خپل Node.js ځواک لرونکي ایپس کې د npm کڅوړې سره بوټسټریپ نصب کړئ :

npm install [email protected]

const bootstrap = require('bootstrap')یا import bootstrap from 'bootstrap'به د بوټسټریپ ټول پلگ انونه په یو bootstrapڅیز کې بار کړي. bootstrapماډل پخپله زموږ ټول پلگ ان صادروي . تاسو کولی شئ په لاسي ډول د بوټسټریپ پلگ انونه په انفرادي ډول /js/dist/*.jsد کڅوړې د لوړې کچې لارښود لاندې فایلونو په پورته کولو سره پورته کړئ.

Bootstrap's package.jsonد لاندې کیلي لاندې ځینې اضافي میټاډاټا لري:

  • sass- د بوټسټریپ اصلي ساس سرچینې فایل ته لاره
  • style- د بوټسټریپ غیر کم شوي CSS ته لاره چې د ډیفالټ ترتیباتو په کارولو سره جوړه شوې (هیڅ تخصیص نه دی)
زموږ د سټارټر پروژې سره د npm له لارې د بوټسټریپ سره پیل وکړئ! د twbs/bootstrap-npm-starter ټیمپلیټ ذخیره ته لاړشئ ترڅو وګورئ چې څنګه په خپله npm پروژه کې بوټسټریپ رامینځته او تنظیم کړئ. د ساس کمپیلر، آټوپریفیکسر، سټایلینټ، پرج سی ایس ایس، او بوټسټریپ شبیه شامل دي.

سوت

د سوت کڅوړې سره په خپل Node.js ځواک لرونکي ایپس کې بوټسټریپ نصب کړئ :

RubyGems

د بنډلر ( وړاندې شوي ) او روبي جیمز په کارولو سره په خپل روبي ایپس کې بوټسټریپ نصب کړئ لاندې لاین اضافه کولو سره Gemfile:

gem 'bootstrap', '~> 5.2.1'

په بدیل سره، که تاسو بنډلر نه کاروئ، تاسو کولی شئ د دې کمانډ په چلولو سره جوهر نصب کړئ:

gem install bootstrap -v 5.2.1

د نورو جزیاتو لپاره د جواهر README وګورئ.

کمپوزر

تاسو کولی شئ د کمپوزر په کارولو سره د بوټسټریپ ساس او جاواسکریپټ نصب او اداره کړئ :

composer require twbs/bootstrap:5.2.1

NuGet

که تاسو په .NET چوکاټ کې وده کوئ، تاسو کولی شئ د NuGet په کارولو سره د Bootstrap CSS یا Sass او JavaScript نصب او اداره کړئ . نوې پروژې باید libman یا بل میتود وکاروي ځکه چې NuGet د تالیف شوي کوډ لپاره ډیزاین شوی ، نه د فرنټ اینډ شتمنیو.

Install-Package bootstrap
Install-Package bootstrap.sass