डाउनलोड करीं

संकलित सीएसएस आ जावास्क्रिप्ट, स्रोत कोड पावे खातिर बूटस्ट्रैप डाउनलोड करीं, भा ओकरा के अपना पसंदीदा पैकेज मैनेजर जइसे कि 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- बूटस्ट्रैप के गैर-मिनिफाइड सीएसएस के पथ जवन डिफ़ॉल्ट सेटिंग्स के इस्तेमाल से संकलित कइल गइल बा (कोई अनुकूलन ना)

हमनी के स्टार्टर प्रोजेक्ट के साथ npm के माध्यम से बूटस्ट्रैप के साथ शुरू करीं! twbs /bootstrap-npm-starter टेम्पलेट रिपोजिटरी पर जाईं आ ई देखीं कि अपना खुद के npm प्रोजेक्ट में बूटस्ट्रैप के कइसे बनावल आ अनुकूलित कइल जाला। एह में सास कंपाइलर, ऑटोप्रिफिक्सर, स्टाइलिंट, पर्जसीएसएस, आ बूटस्ट्रैप आइकन शामिल बा।

सूत के बा

यार्न पैकेज के साथ अपना 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