Source

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

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

مرتب ڪيل CSS ۽ JS

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

  • مرتب ڪيل ۽ گھٽ ڪيل 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-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

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

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

اين پي ايم

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

npm install bootstrap

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

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

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

روبي گيمز

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

gem 'bootstrap', '~> 4.0.0'

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

gem install bootstrap -v 4.0.0

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

ڪمپوزر

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

composer require twbs/bootstrap:4.0.0

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass