डाउनलोड

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

इस पृष्ठ पर

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

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

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

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

डाउनलोड

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

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

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

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

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

उदाहरण

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

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

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

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

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

पैकेज मैनेजर

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

NPM

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

npm install [email protected]

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

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

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

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

धागा

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

yarn add [email protected]

रूबीजेम्स

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

संगीतकार

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

composer require twbs/bootstrap:5.2.1

नुगेट

यदि आप .NET फ्रेमवर्क में विकसित होते हैं, तो आप बूटस्ट्रैप के CSS या Sass और JavaScript को NuGet का उपयोग करके स्थापित और प्रबंधित भी कर सकते हैं । नई परियोजनाओं को libman या किसी अन्य विधि का उपयोग करना चाहिए क्योंकि NuGet को संकलित कोड के लिए डिज़ाइन किया गया है, न कि फ्रंटएंड संपत्ति।

Install-Package bootstrap

Install-Package bootstrap.sass