ڊائون لوڊ ڪريو
مرتب ڪيل CSS ۽ JavaScript، سورس ڪوڊ حاصل ڪرڻ لاءِ Bootstrap ڊائون لوڊ ڪريو، يا ان کي پنهنجي پسنديده پيڪيج مينيجرز جهڙوڪ npm، RubyGems ۽ وڌيڪ شامل ڪريو.
مرتب ڪيل CSS ۽ JS
بوٽ اسٽريپ v4.6.2 لاءِ استعمال لاءِ تيار ڪيل ڪوڊ ڊائون لوڊ ڪريو آساني سان پنھنجي پروجيڪٽ ۾ داخل ڪرڻ لاءِ، جنھن ۾ شامل آھن:
- مرتب ڪيل ۽ گھٽ ڪيل CSS بنڊل (ڏسو CSS فائلن جو مقابلو )
- جاوا اسڪرپٽ پلگ ان کي مرتب ۽ گھٽ ڪيو ويو (ڏسو JS فائلن جو مقابلو )
ھن ۾ دستاويز، ماخذ فائلون، يا ڪي اختياري جاوا اسڪرپٽ انحصار (jQuery ۽ Popper) شامل نه آھن.
ماخذ فائلون
اسان جي ماخذ Sass، JavaScript، ۽ دستاويزي فائلن کي ڊائون لوڊ ڪندي بوٽ اسٽريپ کي پنهنجي اثاثن واري پائپ لائن سان گڏ ڪريو. هي اختيار ڪجهه اضافي اوزار جي ضرورت آهي:
- Sass ماخذ فائلن کي CSS فائلن ۾ گڏ ڪرڻ لاءِ Sass مرتب ڪندڙ
- سي ايس ايس وينڊر پريفڪسنگ لاءِ آٽو پريفيڪسر
ڇا توهان کي اسان جي تعميري اوزارن جي مڪمل سيٽ جي ضرورت آهي ، اهي بوٽ اسٽريپ ۽ ان جا دستاويز ٺاهڻ لاءِ شامل ڪيا ويا آهن، پر اهي شايد توهان جي پنهنجي مقصدن لاءِ نا مناسب هوندا.
مثال
جيڪڏهن توهان اسان جي مثالن کي ڊائون لوڊ ۽ جانچڻ چاهيو ٿا ، ته توهان اڳ ۾ ئي ٺهيل مثالن کي پڪڙي سگهو ٿا:
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
- بوٽ اسٽريپ جي غير منجھيل سي ايس ايس جو رستو جيڪو ڊفالٽ سيٽنگون استعمال ڪندي اڳ ۾ ٺھيل آھي (ڪابه حسب ضرورت نه آھي)
سوت
انسٽال ڪريو 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