डाउनलोड

संकलित सीएसएस आ जावास्क्रिप्ट, स्रोत कोड प्राप्त करय कें लेल बूटस्ट्रैप डाउनलोड करूं, या ओकरा अपन पसंदीदा पैकेज प्रबंधक जैना npm, RubyGems, आ बेसि कें साथ शामिल करूं.

संकलित सीएसएस एवं जे.एस

बूटस्ट्रैप v4.5.3 कें लेल उपयोग कें लेल तैयार संकलित कोड डाउनलोड करूं आ आसानी सं अपन प्रोजेक्ट मे छोड़ूं, जेकरा मे शामिल छै:

• संकलित आ लघुकृत CSS बंडल (देखू CSS फाइल तुलना )
• संकलित आ लघु जावास्क्रिप्ट प्लगइन

एहि मे दस्तावेजीकरण, स्रोत फाइल, अथवा कोनो वैकल्पिक जावास्क्रिप्ट निर्भरता (jQuery आओर Popper.js) शामिल नहि अछि.

डाउनलोड

स्रोत फाइल

हमरऽ स्रोत Sass, जावास्क्रिप्ट, आरू दस्तावेजीकरण फाइलऽ क॑ डाउनलोड करी क॑ अपनऽ खुद के संपत्ति पाइपलाइन के साथ बूटस्ट्रैप क॑ संकलित करलऽ जाय । एहि विकल्प लेल किछु अतिरिक्त टूलिंगक आवश्यकता अछि:

• अपन सीएसएस संकलित करबाक लेल Sass कंपाइलर (Libsass या Ruby Sass समर्थित अछि) ।
• CSS विक्रेता उपसर्ग क लेल स्वतः उपसर्ग

Should you require build tools , ओ बूटस्ट्रैप आओर ओकर डॉक्स के विकास के लेल शामिल अछि, मुदा संभवतः ई अहां के अपन उद्देश्य के लेल अनुपयुक्त अछि.

डाउनलोड स्रोत

उदाहरण के लिये

यदि अहां हमर उदाहरण कें डाउनलोड आ जांच करय चाहय छी , त अहां पहिने सं बनल उदाहरण कें हड़पि सकय छी:

उदाहरण डाउनलोड करू

जे एस डेलिवर

बूटस्ट्रैप कें संकलित CSS आ JS कें कैश संस्करण कें अपन प्रोजेक्ट मे पहुंचाबय कें लेल jsDelivr कें साथ डाउनलोड छोड़ू .

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

यदि आहाँ हमरऽ संकलित जावास्क्रिप्ट के उपयोग करी रहलऽ छियै आरू Popper.js क॑ अलग स॑ शामिल करना पसंद करै छियै, त॑ हमरऽ जेएस स॑ पहल॑ Popper.js जोड़ै छै, बेहतर तरीका स॑ एक सीडीएन के माध्यम स॑ ।

<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

पैकेज प्रबंधक

किछु लोकप्रिय पैकेज प्रबंधक कें साथ लगभग कोनों परियोजना मे बूटस्ट्रैप कें स्रोत फाइल कें खींचू. पैकेज प्रबंधक चाहे जे हो, बूटस्ट्रैप कें एकटा सेटअप कें लेल एकटा Sass कंपाइलर आ ऑटोप्रिफिक्सर कें आवश्यकता होयत जे हमर आधिकारिक संकलित संस्करण सं मेल खायत छै.

एनपीएम

npm पैकेज के साथ अपन Node.js संचालित ऐप्स मे Bootstrap इंस्टॉल करू :

npm install bootstrap

require('bootstrap')बूटस्ट्रैप क' सभ jQuery प्लगइन क' jQuery ऑब्जेक्ट पर लोड करत. मॉड्यूल स्वयं bootstrapकिछु निर्यात नहि करैत अछि. /js/*.jsअहां पैकेज कें शीर्ष-स्तरीय निर्देशिका कें तहत फाइल कें लोड करयत बूटस्ट्रैप कें jQuery प्लगइन कें व्यक्तिगत रूप सं मैन्युअल रूप सं लोड कयर सकय छी .

बूटस्ट्रैप कें package.jsonनिम्नलिखित कुंजीयक कें अंतर्गत किछ अतिरिक्त मेटाडाटा शामिल छै:

• sass- बूटस्ट्रैप क' मुख्य Sass स्रोत फाइल क' लेल पथ
• style- बूटस्ट्रैप क गैर-मिनीफाइड CSS क लेल पथ जे डिफ़ॉल्ट सेटिंग्स क उपयोग कए पूर्व संकलित कएल गेल अछि (कोनो अनुकूलन नहि)

सूत

यार्न पैकेज के साथ अपन Node.js संचालित ऐप्स में Bootstrap इंस्टॉल करू :

yarn add bootstrap

रूबीरत्न

बंडलर ( अनुशंसित ) आ RubyGems क उपयोग कए अपन रूबी ऐप्स मे बूटस्ट्रैप इंस्टॉल करू अपन : मे निम्नलिखित लाइन जोड़ि कए Gemfile:

gem 'bootstrap', '~> 4.5.3'

वैकल्पिक रूप सँ, जँ अहाँ बंडलर क' उपयोग नहि क' रहल छी, तँ अहाँ एहि कमांड केँ चला कए रत्न केँ इंस्टॉल क' सकैत छी:

gem install bootstrap -v 4.5.3

अधिक जानकारी के लेल रत्न के README देखू।

रचनाकार

आप Composer के प्रयोग स॑ Bootstrap केरऽ Sass आरू JavaScript क॑ भी इंस्टॉल आरू प्रबंधित करी सकै छियै :

composer require twbs/bootstrap:4.5.3

नुगेट

यदि अहां .NET मे डेवलप करय छी त अहां NuGet कें उपयोग करयत Bootstrap कें CSS या Sass आ JavaScript कें इंस्टॉल आ प्रबंधित सेहो कयर सकय छी :

Install-Package bootstrap

Install-Package bootstrap.sass