डाउनलोड

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

संकलित सीएसएस और जेएस

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

संकलित और छोटा सीएसएस बंडल ( सीएसएस फाइलों की तुलना देखें )
संकलित और छोटा किया गया जावास्क्रिप्ट प्लगइन्स ( जेएस फाइलों की तुलना देखें )

इसमें दस्तावेज़ीकरण, स्रोत फ़ाइलें, या कोई वैकल्पिक JavaScript निर्भरताएँ (jQuery और Popper) शामिल नहीं हैं।

डाउनलोड

स्रोत फ़ाइलें

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

एसएएस स्रोत फाइलों को सीएसएस फाइलों में संकलित करने के लिए एसएएस कंपाइलर
सीएसएस विक्रेता उपसर्ग के लिए ऑटोप्रिफ़िक्सर

यदि आपको हमारे बिल्ड टूल्स के पूरे सेट की आवश्यकता है , तो वे बूटस्ट्रैप और इसके दस्तावेज़ों को विकसित करने के लिए शामिल किए गए हैं, लेकिन संभवतः वे आपके अपने उद्देश्यों के लिए अनुपयुक्त हैं।

स्रोत डाउनलोड करें

उदाहरण

यदि आप हमारे उदाहरणों को डाउनलोड और जांचना चाहते हैं , तो आप पहले से निर्मित उदाहरणों को पकड़ सकते हैं:

उदाहरण डाउनलोड करें

jsDelivr

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

पैकेज मैनेजर

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

NPM

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

npm install bootstrap

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

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

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

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

धागा

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

yarn add bootstrap

रूबीजेम्स

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

gem 'bootstrap', '~> 4.6.2'

वैकल्पिक रूप से, यदि आप बंडलर का उपयोग नहीं कर रहे हैं, तो आप इस आदेश को चलाकर मणि स्थापित कर सकते हैं:

gem install bootstrap -v 4.6.2

अधिक जानकारी के लिए मणि का README देखें।

संगीतकार

आप Composer का उपयोग करके बूटस्ट्रैप के Sass और JavaScript को स्थापित और प्रबंधित भी कर सकते हैं :

composer require twbs/bootstrap:4.6.2

नुगेट

यदि आप .NET में विकसित होते हैं, तो आप NuGet का उपयोग करके बूटस्ट्रैप के CSS या Sass और JavaScript को स्थापित और प्रबंधित भी कर सकते हैं :

Install-Package bootstrap

Install-Package bootstrap.sass