डाउनलोड करा

संकलित CSS आणि JS

बूटस्ट्रॅप v5.0.2 साठी वापरण्यास-तयार संकलित कोड आपल्या प्रोजेक्टमध्ये सहजपणे ड्रॉप करण्यासाठी डाउनलोड करा, ज्यामध्ये हे समाविष्ट आहे:

• संकलित आणि लहान सीएसएस बंडल ( सीएसएस फाइल्सची तुलना पहा )
• संकलित आणि लहान JavaScript प्लगइन ( जेएस फाइल्स तुलना पहा )

यामध्ये दस्तऐवज, स्त्रोत फाइल्स किंवा पॉपर सारख्या कोणत्याही पर्यायी JavaScript अवलंबित्वांचा समावेश नाही.

डाउनलोड करा

स्त्रोत फायली

आमचे स्रोत Sass, JavaScript आणि दस्तऐवजीकरण फाइल्स डाउनलोड करून तुमच्या स्वतःच्या मालमत्ता पाइपलाइनसह बूटस्ट्रॅप संकलित करा. या पर्यायासाठी काही अतिरिक्त टूलिंग आवश्यक आहे:

• Sass स्रोत फाइल्स CSS फाइल्समध्ये संकलित करण्यासाठी Sass कंपाइलर
• CSS विक्रेता प्रीफिक्सिंगसाठी ऑटोप्रीफिक्सर

तुम्हाला आमच्या संपूर्ण बिल्ड टूल्सची आवश्यकता असल्यास , ते बूटस्ट्रॅप आणि त्याचे दस्तऐवज विकसित करण्यासाठी समाविष्ट केले आहेत, परंतु ते कदाचित तुमच्या स्वतःच्या हेतूंसाठी अनुपयुक्त आहेत.

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

उदाहरणे

तुम्हाला आमची उदाहरणे डाउनलोड करून तपासायची असल्यास , तुम्ही आधीच तयार केलेली उदाहरणे घेऊ शकता:

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

jsDelivr द्वारे CDN

बूट���्ट्रॅपच्या संकलित 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>

जर तुम्ही आमची संकलित केलेली JavaScript वापरत असाल आणि Popper स्वतंत्रपणे समाविष्ट करण्यास प्राधान्य देत असाल, तर शक्यतो CDN द्वारे आमच्या JS आधी Popper जोडा.

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

पॅकेज व्यवस्थापक

बूटस्ट्रॅपच्या स्त्रोत फायली काही सर्वात लोकप्रिय पॅकेज व्यवस्थापकांसह जवळजवळ कोणत्याही प्रोजेक्टमध्ये खेचा. पॅकेज मॅनेजर काहीही असो, बूटस्ट्रॅपला आमच्या अधिकृत संकलित आवृत्त्यांशी जुळणाऱ्या सेटअपसाठी Sass कंपाइलर आणि ऑटोप्रीफिक्सरची आवश्यकता असेल.

एनपीएम

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 वापरून Bootstrap चे Sass आणि JavaScript इंस्टॉल आणि व्यवस्थापित देखील करू शकता :

composer require twbs/bootstrap:5.0.2

NuGet

तुम्ही .NET मध्ये विकसित केल्यास, तुम्ही NuGet वापरून Bootstrap चे CSS किंवा Sass आणि JavaScript देखील स्थापित आणि व्यवस्थापित करू शकता :

Install-Package bootstrap

Install-Package bootstrap.sass