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

مرتب ڪيل CSS ۽ JavaScript، سورس ڪوڊ حاصل ڪرڻ لاءِ Bootstrap ڊائون لوڊ ڪريو، يا ان کي پنهنجي پسنديده پيڪيج مينيجرز جهڙوڪ npm، RubyGems ۽ وڌيڪ شامل ڪريو.

مرتب ڪيل CSS ۽ JS

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

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

ھن ۾ دستاويز، ماخذ فائلون، يا ڪي اختياري جاوا اسڪرپٽ انحصار شامل نه آھن (jQuery ۽ Popper.js).

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

ماخذ فائلون

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

• توهان جي سي ايس ايس کي گڏ ڪرڻ لاءِ ساس ڪمپلر (ليبساس يا روبي ساس سپورٽ ٿيل آهي).
• سي ايس ايس وينڊر پريفڪسنگ لاءِ آٽو پريفيڪسر

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

جيڪڏهن توهان اسان جي مرتب ڪيل JavaScript استعمال ڪري رهيا آهيو، ان کان اڳ jQuery ۽ Popper.js جا CDN ورجن شامل ڪرڻ نه وساريو.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>

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

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

اين پي ايم

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

npm install bootstrap

require('bootstrap')بوٽ اسٽريپ جي سڀني jQuery پلگ ان کي jQuery اعتراض تي لوڊ ڪندي. bootstrapماڊل پاڻ ڪجھ به برآمد نٿو ڪري . توھان دستي طور تي بوٽ اسٽريپ جي jQuery پلگ ان کي انفرادي طور تي لوڊ ڪري سگھو ٿا /js/*.jsفائلن کي لوڊ ڪندي پيڪيج جي مٿين سطح جي ڊاريڪٽري ۾.

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

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

سوت

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

yarn add bootstrap

روبي گيمز

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

gem 'bootstrap', '~> 4.2.1'

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

gem install bootstrap -v 4.2.1

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

ڪمپوزر

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

composer require twbs/bootstrap:4.2.1

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass