डाउनलोड
संकलित CSS ते जावास्क्रिप्ट, स्रोत कोड हासल करने लेई बूटस्ट्रैप डाउनलोड करो, जां इसगी अपने पसंदीदा पैकेज प्रबंधकें जि’यां npm, RubyGems, ते होर मते कन्नै शामल करो.
सीएसएस ते जे एस संकलित कीता
अपने प्रोजेक्ट च आसानी कन्नै छोड़ने आस्तै बूटस्ट्रैप v5.2.1 आस्तै बरतून आस्तै तैयार संकलित कोड डाउनलोड करो , जिस च शामल ऐ:
- संकलित ते लघुकृत CSS बंडल (देखो CSS फाइलें दी तुलना )
- संकलित ते मिनीफाइड जावास्क्रिप्ट प्लगइन्स (देखो जेएस फाइलें दी तुलना )
इस च दस्तावेजीकरण, स्रोत फाइलें, जां कोई बी वैकल्पिक जावास्क्रिप्ट निर्भरता जिऱयां पॉपर शामल नेईं ऐ.
स्रोत फाइलें गी
साढ़े स्रोत Sass, जावास्क्रिप्ट, ते दस्तावेजीकरण फाइलें गी डाउनलोड करियै अपनी खुद दी संपत्ति पाइपलाइन कन्नै बूटस्ट्रैप गी संकलित करो. इस विकल्प लेई किश अतिरिक्त टूलिंग दी लोड़ ऐ:
- Sass स्रोत फाइलें गी CSS फाइलें च संकलित करने आस्तै Sass कंपाइलर
- सीएसएस विक्रेता उपसर्ग आस्तै स्वतः उपसर्ग
क्या तुसेंगी साढ़े निर्माण उपकरणें दा पूरा सेट लोड़चदा ऐ , एह् बूटस्ट्रैप ते इसदे डॉक्स गी विकसित करने आस्तै शामल न , पर एह् संभावना ऐ जे तुंदे अपने मकसदें आस्तै अनुपयुक्त न.
उदाहरण दे
जेकर तुस साढ़े उदाहरनें गी डाउनलोड करना ते जांचना चांह् दे ओ , तां तुस पैह् ले थमां गै बने दे उदाहरनें गी हड़प सकदे ओ:
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>
पैकेज प्रबंधक ने दी
किश लोकप्रिय पैकेज प्रबंधकें कन्नै लगभग कुसै बी प्रोजेक्ट च बूटस्ट्रैप दी स्रोत फाइलें गी खींचो. पैकेज प्रबंधक कोई फर्क नेईं पौंदा, बूटस्ट्रैप गी इक सेटअप आस्तै इक Sass कंपाइलर ते ऑटोप्रिफिक्सर दी लोड़ होग जेह् ड़ा साढ़े आधिकारिक संकलित संस्करणें कन्नै मेल खंदा ऐ.
एन पी एम
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
- बूटस्ट्रैप दे गैर-मिनीफाइड CSS दा रस्ता जेह् ड़ा डिफ़ॉल्ट सेटिंग्स दा उपयोग करियै संकलित कीता गेदा ऐ (कोई अनुकूलन नेईं)
सूत दा
यार्न पैकेज कन्नै अपने Node.js संचालित ऐपें च बूटस्ट्रैप इंस्टॉल करो :
yarn add [email protected]
रूबीरत्न
अपने च निम्नलिखित लाइन जोड़ियै बंडलर ( सिफारिश कीती गेदी ) ते RubyGems दा इस्तेमाल करदे होई अपने Ruby ऐपें च बूटस्ट्रैप इंस्टॉल करो 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 Framework च विकसित करदे ओ तां तुस NuGet दा इस्तेमाल करदे होई बूटस्ट्रैप दे CSS जां Sass ते JavaScript गी बी इंस्टॉल ते प्रबंधत करी सकदे ओ . नमें प्रोजेक्टें गी libman जां कुसै होर तरीके दा इस्तेमाल करना चाहिदा कीजे NuGet गी संकलित कोड आस्तै डिजाइन कीता गेदा ऐ, न कि फ्रंटएंड संपत्तियें आस्तै.
Install-Package bootstrap
Install-Package bootstrap.sass