अवाहरन

संकलितं CSS तथा JavaScript, स्रोतसङ्केतं प्राप्तुं Bootstrap डाउनलोड् कुर्वन्तु, अथवा npm, RubyGems, इत्यादिभिः इत्यादिभिः स्वस्य प्रियसङ्कुलप्रबन्धकैः सह समाविष्टं कुर्वन्तु ।

संकलित CSS एवं JS

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

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

अस्मिन् दस्तावेजीकरणं, स्रोतसञ्चिकाः, अथवा किमपि वैकल्पिकं JavaScript निर्भरतां (jQuery तथा Popper.js) न समाविष्टम् अस्ति ।

अवाहरन

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

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

• भवतः CSS संकलनार्थं Sass संकलकः (Libsass अथवा Ruby Sass समर्थितः अस्ति) ।
• CSS विक्रेता उपसर्गस्य कृते स्वतः उपसर्गः

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

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

उदाहरणानि

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

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

jsDelivr इति

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

यदि भवान् अस्माकं संकलितं जावास्क्रिप्ट् उपयुज्यते तथा च 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>

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

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

नपम्

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

npm install bootstrap

require('bootstrap')Bootstrap इत्यस्य सर्वाणि jQuery प्लगिन्स् jQuery ऑब्जेक्ट् इत्यत्र लोड् करिष्यति । मॉड्यूल स्वयं bootstrapकिमपि निर्यातं न करोति । /js/*.jsसंकुलस्य शीर्ष-स्तरीयनिर्देशिकायाः ​​अधः सञ्चिकाः लोड् कृत्वा भवान् Bootstrap इत्यस्य jQuery प्लगिन्स् व्यक्तिगतरूपेण मैन्युअल् रूपेण लोड् कर्तुं शक्नोति ।

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', '~> 4.5.3'

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

gem install bootstrap -v 4.5.3

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

रचयिता

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

composer require twbs/bootstrap:4.5.3

नुगेट्

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

Install-Package bootstrap

Install-Package bootstrap.sass