in English

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

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

مرتب ڪيل CSS ۽ JS

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

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

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

ماخذ فائلون

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

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

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

مثال

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>

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

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

اين پي ايم

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

npm install bootstrap

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

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

  • sass- Bootstrap جي مکيه Sass ماخذ فائل ڏانهن رستو
  • style- بوٽ اسٽريپ جي غير منجھيل سي ايس ايس جو رستو جيڪو ڊفالٽ سيٽنگون استعمال ڪندي اڳ ۾ ٺھيل آھي (ڪابه حسب ضرورت نه آھي)
اسان جي اسٽارٽر پروجيڪٽ سان npm ذريعي بوٽ اسٽريپ سان شروع ڪريو! Twbs/bootstrap-npm-starter template repository ڏانھن وڃو ڏسو ته ڪيئن ٺاھيو ۽ ڪيئن ٺاھيو Bootstrap پنھنجي پنھنجي npm پروجيڪٽ ۾. شامل آهي ساس ڪمپلر، آٽو پريفيڪسر، اسٽائلنٽ، پرج سي ايس ايس، ۽ بوٽ اسٽريپ آئڪن.

سوت

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

yarn add bootstrap

روبي گيمز

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

ڪمپوزر

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

composer require twbs/bootstrap:4.6.2

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass