अवाहरन

संकलित CSS एवं JS

Bootstrap v5.0.2 कृते उपयोगाय सज्जं संकलितं कोडं डाउनलोड् कुर्वन्तु यत् सहजतया स्वस्य परियोजनायां पतन्तु, यस्मिन् अन्तर्भवति:

• संकलितं लघुकृतं च CSS बण्डल् (द्रष्टव्यम् CSS सञ्चिकानां तुलना )
• संकलितं लघुकृतं च जावास्क्रिप्ट् प्लगिन्स् (द्रष्टव्यम् JS सञ्चिकानां तुलना )

अस्मिन् दस्तावेजीकरणं, स्रोतसञ्चिकाः, अथवा Popper इत्यादीनां वैकल्पिकजावास्क्रिप्ट्-निर्भरताः न सन्ति ।

अवाहरन

स्रोत सञ्चिकाः

अस्माकं स्रोत Sass, JavaScript, तथा च दस्तावेजीकरणसञ्चिकाः डाउनलोड् कृत्वा स्वस्य सम्पत्तिपाइपलाइनेन सह Bootstrap संकलयन्तु। अस्मिन् विकल्पे किञ्चित् अतिरिक्तं टूलिङ्ग् आवश्यकम् अस्ति :

• Sass स्रोतसञ्चिकानां CSS सञ्चिकासु संकलनार्थं Sass संकलकः
• CSS विक्रेता उपसर्गस्य कृते स्वतः उपसर्गः

Should you require our full set of build tools , ते Bootstrap तथा तस्य docs विकासाय समाविष्टाः सन्ति, परन्तु ते सम्भवतः भवतः स्वस्य प्रयोजनार्थं अनुपयुक्ताः सन्ति।

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

उदाहरणानि

यदि भवान् अस्माकं उदाहरणानि डाउनलोड् कृत्वा परीक्षितुं इच्छति , तर्हि भवान् पूर्वमेव निर्मितानि उदाहरणानि ग्रहीतुं शक्नोति:

उदाहरणानि डाउनलोड् कुर्वन्तु

jsDelivr के माध्यम से CDN

Bootstrap इत्यस्य संकलितस्य 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>

यदि भवान् अस्माकं संकलितजावास्क्रिप्ट् इत्यस्य उपयोगं करोति तथा च Popper इत्येतत् पृथक् समावेशयितुं रोचते तर्हि अस्माकं JS इत्यस्मात् पूर्वं Popper योजयति, CDN मार्गेण अधिमानतः।

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

संकुल प्रबन्धक

केषाञ्चन लोकप्रियसङ्कुलप्रबन्धकानां सह प्रायः कस्यापि परियोजनायां Bootstrap इत्यस्य स्रोतसञ्चिकाः आकर्षयन्तु । संकुलप्रबन्धकः किमपि न भवतु, अस्माकं आधिकारिकसंकलितसंस्करणैः सह मेलनं कृत्वा सेटअपस्य कृते Bootstrap इत्यस्य Sass संकलकस्य Autoprefixer इत्यस्य च आवश्यकता भविष्यति ।

नपम्

npm संकुलेन सह स्वस्य Node.js संचालित-अनुप्रयोगेषु Bootstrap संस्थापयन्तु :

npm install bootstrap

const bootstrap = require('bootstrap')अथवा Bootstrap इत्यस्य सर्वाणि प्लगिन्स् एकस्मिन् वस्तुनि import bootstrap from 'bootstrap'लोड् करिष्यति । bootstrapमॉड्यूल स्वयं bootstrapअस्माकं सर्वाणि प्लगिन्स् निर्यातयति । /js/dist/*.jsसंकुलस्य शीर्षस्तरीयनिर्देशिकायाः ​​अधः सञ्चिकाः लोड् कृत्वा भवान् Bootstrap इत्यस्य प्लगिन्स् व्यक्तिगतरूपेण मैन्युअल् रूपेण लोड् कर्तुं शक्नोति ।

Bootstrap's package.jsonइत्यत्र निम्नलिखितकुंजीनां अधः केचन अतिरिक्ताः मेटाडाटाः सन्ति ।

• sass- Bootstrap इत्यस्य मुख्यस्य Sass स्रोतसञ्चिकायाः ​​मार्गः
• style- Bootstrap इत्यस्य अ-मिनीफाइड् CSS इत्यस्य मार्गः यः पूर्वनिर्धारितसेटिंग्स् इत्यस्य उपयोगेन पूर्वसंकलितः अस्ति (अनुकूलनं नास्ति)

सूत्रम्

yarn संकुलेन सह स्वस्य Node.js संचालित-अनुप्रयोगेषु Bootstrap संस्थापयन्तु :

yarn add bootstrap

RubyGems इति

Bundler ( अनुशंसितम् ) तथा RubyGems इत्येतयोः उपयोगेन स्वस्य Ruby apps मध्ये Bootstrap संस्थापयन्तु स्वस्य : निम्नलिखितपङ्क्तिं योजयित्वा Gemfile:

gem 'bootstrap', '~> 5.0.2'

वैकल्पिकरूपेण, यदि भवान् Bundler इत्यस्य उपयोगं न करोति तर्हि भवान् एतत् आदेशं चालयित्वा gem संस्थापयितुं शक्नोति:

gem install bootstrap -v 5.0.2

अधिकविवरणार्थं रत्नस्य README पश्यन्तु।

रचयिता

Composer इत्यस्य उपयोगेन Bootstrap इत्यस्य Sass तथा JavaScript इत्येतत् संस्थापयितुं प्रबन्धयितुं च शक्नुवन्ति :

composer require twbs/bootstrap:5.0.2

नुगेट्

यदि भवान् .NET मध्ये विकासं करोति तर्हि NuGet इत्यस्य उपयोगेन Bootstrap इत्यस्य CSS अथवा Sass तथा JavaScript इत्येतत् संस्थापयितुं प्रबन्धयितुं च शक्नोति :

Install-Package bootstrap

Install-Package bootstrap.sass