डाउनलोड करा
संकलित CSS आणि JavaScript, स्त्रोत कोड मिळविण्यासाठी बूटस्ट्रॅप डाउनलोड करा किंवा npm, RubyGems आणि अधिक सारख्या तुमच्या आवडत्या पॅकेज व्यवस्थापकांसह ते समाविष्ट करा.
संकलित CSS आणि JS
बूटस्ट्रॅप v4.6.2 साठी वापरण्यास-तयार संकलित कोड आपल्या प्रोजेक्टमध्ये सहजपणे ड्रॉप करण्यासाठी डाउनलोड करा, ज्यामध्ये हे समाविष्ट आहे:
- संकलित आणि लहान सीएसएस बंडल ( सीएसएस फाइल्सची तुलना पहा )
- संकलित आणि लहान JavaScript प्लगइन ( जेएस फाइल्स तुलना पहा )
यामध्ये दस्तऐवजीकरण, स्त्रोत फाइल्स किंवा कोणत्याही पर्यायी JavaScript अवलंबित्वांचा (jQuery आणि Popper) समावेश नाही.
स्त्रोत फायली
आमचे स्रोत Sass, JavaScript आणि दस्तऐवजीकरण फाइल्स डाउनलोड करून तुमच्या स्वतःच्या मालमत्ता पाइपलाइनसह बूटस्ट्रॅप संकलित करा. या पर्यायासाठी काही अतिरिक्त टूलिंग आवश्यक आहे:
- Sass स्रोत फाइल्स CSS फाइल्समध्ये संकलित करण्यासाठी Sass कंपाइलर
- CSS विक्रेता प्रीफिक्सिंगसाठी ऑटोप्रीफिक्सर
तुम्हाला आमच्या संपूर्ण बिल्ड टूल्सची आवश्यकता असल्यास , ते बूटस्ट्रॅप आणि त्याचे दस्तऐवज विकसित करण्यासाठी समाविष्ट केले आहेत, परंतु ते कदाचित तुमच्या स्वतःच्या हेतूंसाठी अनुपयुक्त आहेत.
उदाहरणे
तुम्हाला आमची उदाहरणे डाउनलोड करून तपासायची असल्यास , तुम्ही आधीच तयार केलेली उदाहरणे घेऊ शकता:
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>
जर तुम्ही आमची संकलित केलेली JavaScript वापरत असाल आणि Popper स्वतंत्रपणे समाविष्ट करण्यास प्राधान्य देत असाल, तर शक्यतो CDN द्वारे आमच्या JS आधी Popper जोडा.
<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>
पॅकेज व्यवस्थापक
बूटस्ट्रॅपच्या स्त्रोत फायली काही सर्वात लोकप्रिय पॅकेज व्यवस्थापकांसह जवळजवळ कोणत्याही प्रोजेक्टमध्ये खेचा. पॅकेज मॅनेजर काहीही असो, आमच्या अधिकृत संकलित आवृत्त्यांशी जुळणार्या सेटअपसाठी बूटस्ट्रॅपला 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.6.2'
वैकल्पिकरित्या, तुम्ही बंडलर वापरत नसल्यास, तुम्ही ही आज्ञा चालवून रत्न स्थापित करू शकता:
gem install bootstrap -v 4.6.2
अधिक तपशीलांसाठी रत्नाचा README पहा.
संगीतकार
तुम्ही Composer वापरून Bootstrap चे Sass आणि JavaScript इंस्टॉल आणि व्यवस्थापित देखील करू शकता :
composer require twbs/bootstrap:4.6.2
NuGet
तुम्ही .NET मध्ये विकसित केल्यास, तुम्ही NuGet वापरून Bootstrap चे CSS किंवा Sass आणि JavaScript देखील स्थापित आणि व्यवस्थापित करू शकता :
Install-Package bootstrap
Install-Package bootstrap.sass