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

مرتب ڪيل CSS ۽ JS

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

• مرتب ڪيل ۽ گھٽ ڪيل 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-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 کي الڳ الڳ شامل ڪرڻ کي ترجيح ڏيو ٿا، 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>

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

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

اين پي ايم

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

npm install [email protected]

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

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

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

سوت

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

yarn add [email protected]

روبي گيمز

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

ڪمپوزر

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

composer require twbs/bootstrap:5.2.1

NuGet

جيڪڏهن توهان .NET فريم ورڪ ۾ ترقي ڪريو ٿا، توهان پڻ نصب ۽ انتظام ڪري سگهو ٿا Bootstrap جي CSS يا Sass ۽ JavaScript استعمال ڪندي NuGet . نون منصوبن کي استعمال ڪرڻ گهرجي libman يا ٻيو طريقو جيئن NuGet ٺهيل ڪوڊ لاءِ ٺهيل آهي، نه فرنٽ اينڊ اثاثن لاءِ.

Install-Package bootstrap

Install-Package bootstrap.sass