डाउनलोड करीं
संकलित सीएसएस आ जावास्क्रिप्ट, स्रोत कोड पावे खातिर बूटस्ट्रैप डाउनलोड करीं, भा ओकरा के अपना पसंदीदा पैकेज मैनेजर जइसे कि npm, RubyGems, आ अउरी बहुत कुछ के साथे शामिल करीं.
सीएसएस आ जेएस के संकलन कइल गइल बा
बूटस्ट्रैप v5.2.1 खातिर रेडी-टू-यूज संकलित कोड डाउनलोड करीं ताकि आसानी से अपना प्रोजेक्ट में छोड़ल जा सके, जवना में शामिल बा:
- संकलित आ लघु कइल गइल CSS बंडल (देखीं CSS फाइल सभ के तुलना )
- संकलित आ मिनिफाइड जावास्क्रिप्ट प्लगइन (देखीं जेएस फाइल सभ के तुलना )
एह में दस्तावेजीकरण, स्रोत फाइल, भा पॉपर नियर कौनों वैकल्पिक जावास्क्रिप्ट निर्भरता शामिल नइखे।
स्रोत फाइल सभ के बारे में बतावल गइल बा
हमनी के स्रोत Sass, जावास्क्रिप्ट, आ दस्तावेजीकरण फाइल डाउनलोड करके अपना खुद के संपत्ति पाइपलाइन के साथ बूटस्ट्रैप संकलित करीं। एह विकल्प खातिर कुछ अतिरिक्त टूलिंग के जरूरत बा:
- Sass स्रोत फाइल के CSS फाइल में संकलित करे खातिर Sass कंपाइलर
- सीएसएस विक्रेता उपसर्ग खातिर ऑटोप्रिफिक्सर
का रउआँ के हमनी के बिल्ड टूल के पूरा सेट के जरूरत होखे के चाहीं , ई बूटस्ट्रैप आ एकरे डॉक्स के बिकास खातिर शामिल बाड़ें, बाकी संभावना बा कि ई रउआँ के खुद के उद्देश्य खातिर अनुपयुक्त बाड़ें।
उदाहरण खातिर दिहल गइल बा
अगर रउआ हमनी के उदाहरण डाउनलोड करे के चाहत बानी आ जांचल चाहत बानी , त रउआ पहिले से बनल उदाहरण के हड़प सकेनी:
jsDelivr के माध्यम से सीडीएन के बा
बूटस्ट्रैप के संकलित सीएसएस आ जेएस के कैश कइल संस्करण के अपना प्रोजेक्ट में पहुँचावे खातिर jsDelivr के साथ डाउनलोड छोड़ीं ।
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
अगर रउआँ हमनी के संकलित जावास्क्रिप्ट के इस्तेमाल कर रहल बानी आ पॉपर के अलग से शामिल कइल पसंद करीं, त हमनी के जेएस से पहिले पॉपर जोड़ीं, बेहतर तरीका से सीडीएन के माध्यम से।
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
पैकेज प्रबंधक लोग के बा
कुछ सभसे लोकप्रिय पैकेज मैनेजर सभ के साथ लगभग कौनों भी प्रोजेक्ट में बूटस्ट्रैप के स्रोत फाइल सभ के खींच लीं। पैकेज मैनेजर चाहे जवन होखे, बूटस्ट्रैप के हमनी के आधिकारिक संकलित संस्करण से मेल खाए वाला सेटअप खातिर एगो सास कंपाइलर आ ऑटोप्रिफिक्सर के जरूरत पड़ी ।
एनपीएम के बा
npm पैकेज के साथ अपना Node.js संचालित ऐप में बूटस्ट्रैप इंस्टॉल करीं :
npm install [email protected]
const bootstrap = require('bootstrap')
या बूटस्ट्रैप के सभ प्लगइन के कवनो ऑब्जेक्ट import bootstrap from 'bootstrap'
पर लोड करी । मॉड्यूल खुद हमनी के सभ प्लगइन के निर्यात करेला bootstrap
। पैकेज के टॉप-लेवल डाइरेक्टरी के नीचे फाइल bootstrap
लोड क के रउआँ मैन्युअल रूप से बूटस्ट्रैप के प्लगइन सभ के अलग-अलग लोड क सकत बानी ।/js/dist/*.js
बूटस्ट्रैप के package.json
निम्नलिखित कुंजी सभ के नीचे कुछ अतिरिक्त मेटाडाटा होला:
sass
- बूटस्ट्रैप के मुख्य Sass स्रोत फाइल के पथstyle
- बूटस्ट्रैप के गैर-मिनिफाइड सीएसएस के पथ जवन डिफ़ॉल्ट सेटिंग्स के इस्तेमाल से संकलित कइल गइल बा (कोई अनुकूलन ना)
सूत के बा
यार्न पैकेज के साथ अपना Node.js संचालित ऐप में बूटस्ट्रैप इंस्टॉल करीं :
yarn add [email protected]
रूबीजेम्स के नाम से जानल जाला
बंडलर ( अनुशंसित ) आ रूबीजेम्स के इस्तेमाल से अपना रूबी ऐप में बूटस्ट्रैप इंस्टॉल करीं अपना में निम्नलिखित लाइन जोड़ के Gemfile
:
gem 'bootstrap', '~> 5.2.1'
एकरे अलावा, अगर रउआँ बंडलर के इस्तेमाल नइखीं करत, त रउआँ ई कमांड चला के रत्न के इंस्टॉल क सकत बानी:
gem install bootstrap -v 5.2.1
अधिक जानकारी खातिर रत्न के README देखीं ।
संगीतकार हउवें
रउआँ Composer के इस्तेमाल से बूटस्ट्रैप के Sass आ JavaScript के भी इंस्टॉल आ प्रबंधित कर सकत बानी :
composer require twbs/bootstrap:5.2.1
नुगेट के बा
अगर रउआ .NET Framework में डेवलप करत बानी त रउआ NuGet के इस्तेमाल से बूटस्ट्रैप के CSS या Sass आ JavaScript के भी इंस्टॉल आ प्रबंधित कर सकत बानी । नया प्रोजेक्ट सभ में libman भा कौनों अउरी तरीका के इस्तेमाल करे के चाहीं काहें से कि NuGet के संकलित कोड खातिर डिजाइन कइल गइल बा, फ्रंटएंड एसेट सभ खातिर ना।
Install-Package bootstrap
Install-Package bootstrap.sass