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