डाउनलोड
संकलित सीएसएस आ जावास्क्रिप्ट, स्रोत कोड प्राप्त करय कें लेल बूटस्ट्रैप डाउनलोड करूं, या ओकरा अपन पसंदीदा पैकेज प्रबंधक जैना npm, RubyGems, आ बेसि कें साथ शामिल करूं.
संकलित सीएसएस एवं जे.एस
बूटस्ट्रैप v5.1.3 कें लेल उपयोग कें लेल तैयार संकलित कोड डाउनलोड करूं ताकि आसानी सं अपन प्रोजेक्ट मे छोड़ल जा सकय, जेकरा मे शामिल छै:
- संकलित आ लघुकृत CSS बंडल (देखू CSS फाइल तुलना )
- संकलित आ लघुकृत जावास्क्रिप्ट प्लगइन (देखू जेएस फाइल तुलना )
एहि मे दस्तावेजीकरण, स्रोत फाइल, या कोनो वैकल्पिक जावास्क्रिप्ट निर्भरता जेना पॉपर शामिल नहि अछि.
स्रोत फाइल
हमरऽ स्रोत Sass, जावास्क्रिप्ट, आरू दस्तावेजीकरण फाइलऽ क॑ डाउनलोड करी क॑ अपनऽ खुद के संपत्ति पाइपलाइन के साथ बूटस्ट्रैप क॑ संकलित करलऽ जाय । एहि विकल्प लेल किछु अतिरिक्त टूलिंगक आवश्यकता अछि:
- Sass स्रोत फाइल कें CSS फाइल मे संकलित करय कें लेल Sass कंपाइलर
- CSS विक्रेता उपसर्ग क लेल स्वतः उपसर्ग
क्या आपक॑ हमरऽ पूरा सेट केरऽ बिल्ड टूल केरऽ आवश्यकता होना चाहियऽ , ई बूटस्ट्रैप आरू ओकरऽ डॉक्स क॑ विकसित करै लेली शामिल छै, लेकिन संभवतः ई आपकऽ उद्देश्य लेली अनुपयुक्त छै.
उदाहरण के लिये
यदि अहां हमर उदाहरण कें डाउनलोड आ जांच करय चाहय छी , त अहां पहिने सं बनल उदाहरण कें हड़पि सकय छी:
jsDelivr के माध्यम स सीडीएन
बूटस्ट्रैप कें संकलित CSS आ JS कें कैश संस्करण कें अपन प्रोजेक्ट मे पहुंचाबय कें लेल jsDelivr कें साथ डाउनलोड छोड़ू .
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
यदि आहाँ हमरऽ संकलित जावास्क्रिप्ट के उपयोग करी रहलऽ छियै आरू पॉपर क॑ अलग स॑ शामिल करना पसंद करै छियै, त॑ हमरऽ जेएस स॑ पहल॑ पॉपर क॑ जोड़ै छै, एक सीडीएन के माध्यम स॑ अधिमानतः ।
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
पैकेज प्रबंधक
किछ लोकप्रिय पैकेज प्रबंधक कें साथ लगभग कोनों परियोजना मे बूटस्ट्रैप कें स्रोत फाइल कें खींचूं. पैकेज प्रबंधक चाहे जे हो, बूटस्ट्रैप कें एकटा सेटअप कें लेल एकटा Sass कंपाइलर आ ऑटोप्रिफिक्सर कें आवश्यकता होयत जे हमर आधिकारिक संकलित संस्करण सं मेल खायत छै.
एनपीएम
npm पैकेज के साथ अपन Node.js संचालित ऐप्स मे Bootstrap इंस्टॉल करू :
npm install bootstrap
const bootstrap = require('bootstrap')
अथवा बूटस्ट्रैप क' सभटा प्लगइन केँ कोनो वस्तु import bootstrap from 'bootstrap'
पर लोड करत . मॉड्यूल स्वयं हमर सबटा प्लगइन निर्यात करैत अछि bootstrap
. अहां पैकेज कें शीर्ष-स्तरीय निर्देशिका कें तहत फाइल कें bootstrap
लोड करयत बूटस्ट्रैप कें प्लगइन कें व्यक्तिगत रूप सं मैन्युअल रूप सं लोड कयर सकय छी ./js/dist/*.js
बूटस्ट्रैप कें package.json
निम्नलिखित कुंजीयक कें अंतर्गत किछ अतिरिक्त मेटाडाटा शामिल छै:
sass
- बूटस्ट्रैप क' मुख्य Sass स्रोत फाइल क' लेल पथstyle
- बूटस्ट्रैप क गैर-मिनीफाइड CSS क लेल पथ जे डिफ़ॉल्ट सेटिंग्स क उपयोग कए पूर्व संकलित कएल गेल अछि (कोनो अनुकूलन नहि)
सूत
यार्न पैकेज के साथ अपन Node.js संचालित ऐप्स में Bootstrap इंस्टॉल करू :
yarn add bootstrap
रूबीरत्न
बंडलर ( अनुशंसित ) आ RubyGems क उपयोग कए अपन रूबी ऐप्स मे बूटस्ट्रैप इंस्टॉल करू अपन : मे निम्नलिखित लाइन जोड़ि कए Gemfile
:
gem 'bootstrap', '~> 5.1.3'
वैकल्पिक रूप सँ, जँ अहाँ बंडलर क' उपयोग नहि क' रहल छी, तँ अहाँ एहि कमांड केँ चला कए रत्न केँ इंस्टॉल क' सकैत छी:
gem install bootstrap -v 5.1.3
अधिक जानकारी के लेल रत्न के README देखू।
रचनाकार
आप Composer के प्रयोग स॑ Bootstrap केरऽ Sass आरू JavaScript क॑ भी इंस्टॉल आरू प्रबंधित करी सकै छियै :
composer require twbs/bootstrap:5.1.3
नुगेट
यदि अहां .NET मे डेवलप करय छी त अहां NuGet कें उपयोग करयत Bootstrap कें CSS या Sass आ JavaScript कें इंस्टॉल आ प्रबंधित सेहो कयर सकय छी :
Install-Package bootstrap
Install-Package bootstrap.sass