ڈاؤن لوڈ کریں

مرتب کردہ CSS اور JavaScript، سورس کوڈ حاصل کرنے کے لیے بوٹسٹریپ ڈاؤن لوڈ کریں، یا اسے اپنے پسندیدہ پیکیج مینیجرز جیسے npm، RubyGems، وغیرہ کے ساتھ شامل کریں۔

اس صفحہ پر

مرتب سی ایس ایس اور جے ایس

بوٹسٹریپ v5.2.1 کے لیے استعمال کے لیے تیار مرتب شدہ کوڈ کو اپنے پروجیکٹ میں آسانی سے ڈالنے کے لیے ڈاؤن لوڈ کریں، جس میں شامل ہیں:

سی ایس ایس بنڈلز کو مرتب اور کم کیا گیا (دیکھیں CSS فائلوں کا موازنہ )
جاوا اسکرپٹ پلگ ان کو مرتب اور کم کیا گیا ( جے ایس فائلوں کا موازنہ دیکھیں )

اس میں دستاویزات، سورس فائلز، یا کوئی اختیاری JavaScript انحصار شامل نہیں ہے جیسے Popper۔

ڈاؤن لوڈ کریں

ماخذ فائلیں۔

ہمارے ماخذ Sass، JavaScript، اور دستاویزات کی فائلوں کو ڈاؤن لوڈ کر کے اپنے اثاثہ پائپ لائن کے ساتھ بوٹسٹریپ مرتب کریں۔ یہ اختیار کچھ اضافی ٹولنگ کی ضرورت ہے:

سی ایس ایس فائلوں میں ساس سورس فائلوں کو مرتب کرنے کے لئے سس کمپائلر
CSS وینڈر پریفکسنگ کے لیے آٹوپریفکسر

اگر آپ کو ہمارے بلٹ ٹولز کے مکمل سیٹ کی ضرورت ہے ، تو وہ بوٹسٹریپ اور اس کے دستاویزات کو تیار کرنے کے لیے شامل کیے گئے ہیں، لیکن یہ ممکنہ طور پر آپ کے اپنے مقاصد کے لیے غیر موزوں ہیں۔

ماخذ ڈاؤن لوڈ کریں۔

مثالیں

اگر آپ ہماری مثالوں کو ڈاؤن لوڈ اور جانچنا چاہتے ہیں تو آپ پہلے سے بنی ہوئی مثالوں کو پکڑ سکتے ہیں:

مثالیں ڈاؤن لوڈ کریں۔

CDN بذریعہ jsDelivr

بوٹسٹریپ کے مرتب کردہ CSS اور JS کے کیشڈ ورژن کو اپنے پروجیکٹ میں ڈیلیور کرنے کے لیے jsDelivr کے ساتھ ڈاؤن لوڈ کو چھوڑ دیں ۔

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

اگر آپ ہمارا مرتب کردہ JavaScript استعمال کر رہے ہیں اور Popper کو الگ سے شامل کرنے کو ترجیح دیتے ہیں، تو ترجیحاً CDN کے ذریعے Popper کو ہمارے 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>

پیکیج مینیجرز

بوٹسٹریپ کی سورس فائلوں کو تقریباً کسی بھی پروجیکٹ میں کچھ مشہور پیکیج مینیجرز کے ساتھ کھینچیں۔ پیکج مینیجر سے کوئی فرق نہیں پڑتا، بوٹسٹریپ کو ایک سیٹ اپ کے لیے ایک Sass کمپائلر اور Autoprefixer کی ضرورت ہوگی جو ہمارے آفیشل مرتب کردہ ورژن سے مماثل ہو۔

این پی ایم

npm پیکیج کے ساتھ اپنے Node.js سے چلنے والی ایپس میں بوٹسٹریپ انسٹال کریں :

npm install [email protected]

const bootstrap = require('bootstrap')یا import bootstrap from 'bootstrap'بوٹسٹریپ کے تمام پلگ انز کو کسی bootstrapشے پر لوڈ کر دے گا۔ bootstrapماڈیول خود ہمارے تمام پلگ ان برآمد کرتا ہے ۔ /js/dist/*.jsآپ پیکج کی ٹاپ لیول ڈائرکٹری کے نیچے فائلوں کو لوڈ کر کے انفرادی طور پر بوٹسٹریپ کے پلگ ان کو دستی طور پر لوڈ کر سکتے ہیں ۔

Bootstrap's package.jsonمندرجہ ذیل کلیدوں کے تحت کچھ اضافی میٹا ڈیٹا پر مشتمل ہے:

sass- بوٹسٹریپ کی مرکزی ساس سورس فائل کا راستہ
style- بوٹسٹریپ کے غیر منحرف سی ایس ایس کا راستہ جو پہلے سے طے شدہ ترتیبات کا استعمال کرتے ہوئے مرتب کیا گیا ہے (کوئی تخصیص نہیں)

ہمارے اسٹارٹر پروجیکٹ کے ساتھ npm کے ذریعے Bootstrap کے ساتھ شروع کریں! twbs /bootstrap-npm-starter ٹیمپلیٹ ریپوزٹری کی طرف جائیں یہ دیکھنے کے لیے کہ آپ کے اپنے npm پروجیکٹ میں بوٹسٹریپ کو کیسے بنایا جائے اور کس طرح اپنی مرضی کے مطابق بنایا جائے۔ Sass compiler، Autoprefixer، Stylelint، PurgeCSS، اور Bootstrap شبیہیں شامل ہیں۔

سوت

یارن پیکج کے ساتھ اپنے Node.js سے چلنے والی ایپس میں بوٹسٹریپ انسٹال کریں :

yarn add [email protected]

روبی جیمز

Bundler ( تجویز کردہ ) اور RubyGems کا استعمال کرتے ہوئے اپنے روبی ایپس میں بوٹسٹریپ انسٹال کریں Gemfile۔

gem 'bootstrap', '~> 5.2.1'

متبادل طور پر، اگر آپ بنڈلر استعمال نہیں کر رہے ہیں، تو آپ اس کمانڈ کو چلا کر جوہر کو انسٹال کر سکتے ہیں:

gem install bootstrap -v 5.2.1

مزید تفصیلات کے لیے منی کا README دیکھیں۔

کمپوزر

آپ Composer کا استعمال کرتے ہوئے Bootstrap کے Sass اور JavaScript کو انسٹال اور ان کا نظم بھی کر سکتے ہیں :

composer require twbs/bootstrap:5.2.1

نیو گیٹ

اگر آپ .NET فریم ورک میں تیار کرتے ہیں، تو آپ NuGet کا استعمال کرتے ہوئے Bootstrap کے CSS یا Sass اور JavaScript کو انسٹال اور ان کا نظم بھی کر سکتے ہیں ۔ نئے پروجیکٹس کو libman یا کوئی اور طریقہ استعمال کرنا چاہیے کیونکہ NuGet کو مرتب شدہ کوڈ کے لیے ڈیزائن کیا گیا ہے، نہ کہ فرنٹ اینڈ اثاثوں کے لیے۔

Install-Package bootstrap

Install-Package bootstrap.sass