डाउनलोड

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

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

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

इसमें दस्तावेज़ीकरण, स्रोत फ़ाइलें, या पॉपर जैसी कोई वैकल्पिक जावास्क्रिप्ट निर्भरता शामिल नहीं है।

डाउनलोड

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

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

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

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

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

उदाहरण

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

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

सीडीएन jsDelivr . के माध्यम से

अपने प्रोजेक्ट में बूटस्ट्रैप के संकलित CSS और JS के कैश्ड संस्करण को डिलीवर करने के लिए jsDelivr के साथ डाउनलोड छोड़ें ।

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

पैकेज मैनेजर

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

NPM

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

npm install bootstrap

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

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

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

धागा

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

yarn add bootstrap

रूबीजेम्स

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

gem 'bootstrap', '~> 5.0.2'

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

gem install bootstrap -v 5.0.2

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

संगीतकार

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

composer require twbs/bootstrap:5.0.2

नुगेट

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

Install-Package bootstrap

Install-Package bootstrap.sass