डाउनलोड

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

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

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

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

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

डाउनलोड

स्रोत फाइल

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

Sass स्रोत फाइल कें CSS फाइल मे संकलित करय कें लेल Sass कंपाइलर
CSS विक्रेता उपसर्ग क लेल स्वतः उपसर्ग

क्या आपक॑ हमरऽ पूरा सेट केरऽ बिल्ड टूल केरऽ आवश्यकता होना चाहियऽ , ई बूटस्ट्रैप आरू ओकरऽ डॉक्स क॑ विकसित करै लेली शामिल छै, लेकिन संभवतः ई आपकऽ उद्देश्य लेली अनुपयुक्त छै.

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

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

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

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

जे एस डेलिवर

बूटस्ट्रैप कें संकलित 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>

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

<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>

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

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

एनपीएम

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

npm install bootstrap

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

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

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

हमर स्टार्टर प्रोजेक्ट के साथ npm के माध्यम स Bootstrap के साथ शुरू करू ! twbs /bootstrap-npm-starter टेम्पलेट रिपोजिटरी पर जाउ आ देखू जे कोना अपन npm प्रोजेक्ट मे Bootstrap क निर्माण आओर अनुकूलित कएल जाए. Sass कंपाइलर, ऑटोप्रिफिक्सर, स्टाइललिंट, PurgeCSS, आओर बूटस्ट्रैप आइकन शामिल अछि.

सूत

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

yarn add bootstrap

रूबीरत्न

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

रचनाकार

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

composer require twbs/bootstrap:4.6.2

नुगेट

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

Install-Package bootstrap

Install-Package bootstrap.sass