डाउनलोड करा

संकलित CSS आणि JavaScript, स्त्रोत कोड मिळविण्यासाठी बूटस्ट्रॅप डाउनलोड करा किंवा npm, RubyGems आणि अधिक सारख्या तुमच्या आवडत्या पॅकेज व्यवस्थापकांसह ते समाविष्ट करा.

संकलित CSS आणि JS

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

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

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

डाउनलोड करा

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

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

• तुमचा CSS संकलित करण्यासाठी Sass कंपाइलर (Libsass किंवा Ruby Sass समर्थित आहे).
• CSS विक्रेता प्रीफिक्सिंगसाठी ऑटोप्रीफिक्सर

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

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

उदाहरणे

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

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

jsDelivr

बूटस्ट्रॅपच्या संकलित CSS आणि JS ची कॅश्ड आवृत्ती तुमच्या प्रोजेक्टवर वितरीत करण्यासाठी jsDelivr सह डाउनलोड वगळा .

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

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

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

एनपीएम

npm पॅकेजसह तुमच्या Node.js समर्थित अॅप्समध्ये बूटस्ट्रॅप स्थापित करा :

npm install bootstrap

require('bootstrap')बूटस्ट्रॅपचे सर्व jQuery प्लगइन jQuery ऑब्जेक्टवर लोड करेल. bootstrapमॉड्यूल स्वतः काहीही निर्यात करत नाही . /js/*.jsपॅकेजच्या उच्च-स्तरीय निर्देशिकेखाली फाइल लोड करून तुम्ही बूटस्ट्रॅपचे jQuery प्लगइन व्यक्तिचलितपणे लोड करू शकता .

बूटस्ट्रॅपमध्ये package.jsonखालील की अंतर्गत काही अतिरिक्त मेटाडेटा आहे:

• sass- बूटस्ट्रॅपच्या मुख्य Sass स्त्रोत फाइलचा मार्ग
• style- बूटस्ट्रॅपच्या नॉन-मिनिफाइड सीएसएसचा मार्ग जो डीफॉल्ट सेटिंग्ज वापरून पूर्वसंकलित केला गेला आहे (कोणतेही कस्टमायझेशन नाही)

सूत

यार्न पॅकेजसह तुमच्या Node.js समर्थित अॅप्समध्ये बूटस्ट्रॅप स्थापित करा :

yarn add bootstrap

रुबीजेम्स

बंडलर ( शिफारस केलेले ) आणि रुबीजेम्स वापरून तुमच्या रुबी अॅप्समध्ये खालील ओळ जोडून बूटस्ट्रॅप स्थापित करा Gemfile:

gem 'bootstrap', '~> 4.5.3'

वैकल्पिकरित्या, तुम्ही बंडलर वापरत नसल्यास, तुम्ही ही आज्ञा चालवून रत्न स्थापित करू शकता:

gem install bootstrap -v 4.5.3

अधिक तपशीलांसाठी रत्नाचा README पहा.

संगीतकार

तुम्ही Composer वापरून Bootstrap चे Sass आणि JavaScript इंस्टॉल आणि व्यवस्थापित देखील करू शकता :

composer require twbs/bootstrap:4.5.3

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass