ڊائون لوڊ ڪريو

مرتب ڪيل CSS ۽ JS

ڊائون لوڊ ڪرڻ لاءِ تيار ڪيل ڪوڊ استعمال ڪرڻ لاءِ Bootstrap v5.1.3 لاءِ آسانيءَ سان پنهنجي پروجيڪٽ ۾ داخل ڪرڻ لاءِ، جنهن ۾ شامل آهن:

• مرتب ڪيل ۽ گھٽ ڪيل CSS بنڊل (ڏسو CSS فائلن جو مقابلو )
• جاوا اسڪرپٽ پلگ ان کي مرتب ۽ گھٽ ڪيو ويو (ڏسو JS فائلن جو مقابلو )

ھن ۾ دستاويز، ماخذ فائلون، يا ڪو به اختياري JavaScript انحصار شامل نه آھي جهڙوڪ Popper.

ڊائون لوڊ ڪريو

ماخذ فائلون

اسان جي ماخذ Sass، JavaScript، ۽ دستاويزي فائلن کي ڊائون لوڊ ڪندي بوٽ اسٽريپ کي پنهنجي اثاثن واري پائپ لائن سان گڏ ڪريو. هي اختيار ڪجهه اضافي اوزار جي ضرورت آهي:

• Sass ماخذ فائلن کي CSS فائلن ۾ گڏ ڪرڻ لاءِ Sass مرتب ڪندڙ
• سي ايس ايس وينڊر پريفڪسنگ لاءِ آٽو پريفيڪسر

ڇا توهان کي اسان جي تعميري اوزارن جي مڪمل سيٽ جي ضرورت آهي ، اهي بوٽ اسٽريپ ۽ ان جا دستاويز ٺاهڻ لاءِ شامل ڪيا ويا آهن، پر اهي شايد توهان جي پنهنجي مقصدن لاءِ نا مناسب هوندا.

ڊائون لوڊ جو ذريعو

مثال

جيڪڏهن توهان اسان جي مثالن کي ڊائون لوڊ ۽ جانچڻ چاهيو ٿا ، ته توهان اڳ ۾ ئي ٺهيل مثالن کي پڪڙي سگهو ٿا:

ڊائون لوڊ ڪريو مثال

CDN ذريعي jsDelivr

بوٽ اسٽريپ جي مرتب ڪيل CSS ۽ JS جي ڪيش ٿيل ورزن کي پنهنجي پروجيڪٽ تي پهچائڻ لاءِ jsDelivr سان ڊائون لوڊ کي ڇڏي ڏيو .

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

جيڪڏھن توھان اسان جي مرتب ڪيل جاوا اسڪرپٽ استعمال ڪري رھيا آھيو ۽ پوپر کي الڳ الڳ شامل ڪرڻ کي ترجيح ڏيو ٿا، اسان جي JS کان اڳ Popper شامل ڪريو، ترجيحي طور تي CDN ذريعي.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

پيڪيج مينيجرز

بوٽ اسٽريپ جي ماخذ فائلن کي لڳ ڀڳ ڪنهن به پروجيڪٽ ۾ ڪجهه مشهور پيڪيج مينيجرز سان گڏ ڪريو. ڪو مسئلو ناهي پيڪيج مئنيجر، بوٽ اسٽريپ کي هڪ سيٽ اپ لاءِ ساس ڪمپلر ۽ آٽو پريفيڪسر جي ضرورت پوندي جيڪا اسان جي سرڪاري مرتب ڪيل ورزن سان ملي ٿي.

اين پي ايم

انسٽال ڪريو Bootstrap پنهنجي Node.js پاور ٿيل ايپس ۾ npm پيڪيج سان :

npm install bootstrap

const bootstrap = require('bootstrap')يا import bootstrap from 'bootstrap'بوٽ اسٽريپ جي سڀني پلگ ان کي ڪنهن bootstrapشئي تي لوڊ ڪري ڇڏيندو. bootstrapماڊل پاڻ اسان جي سڀني پلگ ان کي برآمد ڪري ٿو . توھان دستي طور تي بوٽ اسٽريپ جي پلگ ان کي انفرادي طور تي لوڊ ڪري سگھو ٿا /js/dist/*.jsفائلن کي لوڊ ڪندي پيڪيج جي اعلي سطحي ڊاريڪٽري ۾.

Bootstrap جي package.jsonھيٺين ڪنجين ھيٺ ڪجھ اضافي ميٽا ڊيٽا تي مشتمل آھي:

• sass- بوٽ اسٽريپ جي مکيه ساس ماخذ فائل ڏانهن رستو
• style- بوٽ اسٽريپ جي غير منجھيل سي ايس ايس جو رستو جيڪو ڊفالٽ سيٽنگون استعمال ڪندي اڳ ۾ ٺھيل آھي (ڪابه حسب ضرورت نه آھي)

سوت

انسٽال ڪريو Bootstrap پنهنجي Node.js پاور ٿيل ايپس ۾ يارن پيڪيج سان :

yarn add bootstrap

روبي گيمز

بوٽ اسٽريپ انسٽال ڪريو پنھنجي روبي ايپس ۾ Bundler ( سفارش ٿيل ) ۽ RubyGems استعمال ڪندي ھيٺ ڏنل لائين شامل ڪندي پنھنجي Gemfile:

gem 'bootstrap', '~> 5.1.3'

متبادل طور تي، جيڪڏهن توهان Bundler استعمال نه ڪري رهيا آهيو، توهان هن حڪم کي هلائڻ سان گيم انسٽال ڪري سگهو ٿا:

gem install bootstrap -v 5.1.3

وڌيڪ تفصيل لاءِ گيم جو README ڏسو.

ڪمپوزر

توهان ڪمپوزر استعمال ڪندي بوٽ اسٽريپ جي ساس ۽ جاوا اسڪرپٽ کي انسٽال ۽ منظم ڪري سگهو ٿا :

composer require twbs/bootstrap:5.1.3

NuGet

جيڪڏهن توهان .NET ۾ ترقي ڪريو ٿا، توهان پڻ نصب ۽ انتظام ڪري سگهو ٿا Bootstrap جي CSS يا Sass ۽ JavaScript استعمال ڪندي NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass