Source

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

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

مرتب ڪيل CSS ۽ JS

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

  • مرتب ڪيل ۽ گھٽ ڪيل 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-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" 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-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 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.1.3'

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

gem install bootstrap -v 4.1.3

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

ڪمپوزر

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

composer require twbs/bootstrap:4.1.3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass