डाउनलोड
संकलित सीएसएस और जावास्क्रिप्ट, स्रोत कोड प्राप्त करने के लिए बूटस्ट्रैप डाउनलोड करें, या इसे अपने पसंदीदा पैकेज प्रबंधकों जैसे npm, RubyGems, और अधिक के साथ शामिल करें।
अपने प्रोजेक्ट में आसानी से ड्रॉप करने के लिए बूटस्ट्रैप v4.1.3 के लिए उपयोग में आसान संकलित कोड डाउनलोड करें , जिसमें शामिल हैं:
- संकलित और छोटा सीएसएस बंडल ( सीएसएस फाइलों की तुलना देखें )
- संकलित और छोटा किया गया JavaScript प्लगइन्स
इसमें दस्तावेज़ीकरण, स्रोत फ़ाइलें, या कोई वैकल्पिक JavaScript निर्भरताएँ (jQuery और Popper.js) शामिल नहीं हैं।
हमारे स्रोत Sass, JavaScript, और दस्तावेज़ीकरण फ़ाइलों को डाउनलोड करके बूटस्ट्रैप को अपनी स्वयं की संपत्ति पाइपलाइन के साथ संकलित करें। इस विकल्प के लिए कुछ अतिरिक्त टूलिंग की आवश्यकता है:
- आपके CSS को संकलित करने के लिए Sass कंपाइलर (Libsass या Ruby Sass समर्थित है)।
- सीएसएस विक्रेता उपसर्ग के लिए ऑटोप्रिफ़िक्सर
क्या आपको बिल्ड टूल्स की आवश्यकता है , वे बूटस्ट्रैप और इसके दस्तावेज़ों को विकसित करने के लिए शामिल हैं, लेकिन वे आपके अपने उद्देश्यों के लिए अनुपयुक्त हैं।
अपने प्रोजेक्ट में बूटस्ट्रैप के संकलित CSS और JS के कैश्ड संस्करण को डिलीवर करने के लिए jsDelivr के साथ डाउनलोड छोड़ें ।
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
यदि आप हमारी संकलित जावास्क्रिप्ट का उपयोग कर रहे हैं, तो इसके पहले jQuery और Popper.js के सीडीएन संस्करणों को शामिल करना न भूलें।
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
कुछ सबसे लोकप्रिय पैकेज प्रबंधकों के साथ लगभग किसी भी प्रोजेक्ट में बूटस्ट्रैप की स्रोत फ़ाइलों को खींचे। कोई फर्क नहीं पड़ता पैकेज मैनेजर, बूटस्ट्रैप को हमारे आधिकारिक संकलित संस्करणों से मेल खाने वाले सेटअप के लिए एक सैस कंपाइलर और ऑटोप्रिफ़िक्सर की आवश्यकता होगी।
npm पैकेज के साथ अपने Node.js संचालित ऐप्स में बूटस्ट्रैप इंस्टॉल करें :
npm install bootstrap
require('bootstrap')
बूटस्ट्रैप के सभी jQuery प्लगइन्स को jQuery ऑब्जेक्ट पर लोड करेगा। मॉड्यूल स्वयं कुछ bootstrap
भी निर्यात नहीं करता है। /js/*.js
आप पैकेज की शीर्ष-स्तरीय निर्देशिका के अंतर्गत फ़ाइलों को लोड करके बूटस्ट्रैप के jQuery प्लगइन्स को व्यक्तिगत रूप से मैन्युअल रूप से लोड कर सकते हैं ।
बूटस्ट्रैप package.json
में निम्नलिखित कुंजियों के अंतर्गत कुछ अतिरिक्त मेटाडेटा शामिल हैं:
sass
- बूटस्ट्रैप की मुख्य Sass स्रोत फ़ाइल का पथstyle
- बूटस्ट्रैप के गैर-छोटा सीएसएस का पथ जिसे डिफ़ॉल्ट सेटिंग्स का उपयोग करके पूर्व-संकलित किया गया है (कोई अनुकूलन नहीं)
बंडलर ( अनुशंसित ) और रूबीजम्स का उपयोग करके अपने रूबी ऐप्स में बूटस्ट्रैप को अपने साथ निम्न पंक्ति जोड़कर स्थापित करें Gemfile
:
gem 'bootstrap', '~> 4.1.3'
वैकल्पिक रूप से, यदि आप बंडलर का उपयोग नहीं कर रहे हैं, तो आप इस आदेश को चलाकर मणि स्थापित कर सकते हैं:
gem install bootstrap -v 4.1.3
अधिक जानकारी के लिए मणि का README देखें।
आप Composer का उपयोग करके बूटस्ट्रैप के Sass और JavaScript को स्थापित और प्रबंधित भी कर सकते हैं :
composer require twbs/bootstrap:4.1.3
यदि आप .NET में विकसित होते हैं, तो आप NuGet का उपयोग करके बूटस्ट्रैप के CSS या Sass और JavaScript को स्थापित और प्रबंधित भी कर सकते हैं :
Install-Package bootstrap
Install-Package bootstrap.sass