Source

अवाहरन

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

संकलित CSS एवं JS

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

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

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

अवाहरन

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

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

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-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 इत्येतयोः CDN संस्करणं समावेशयितुं न विस्मरतु ।

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

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

केषाञ्चन लोकप्रियसङ्कुलप्रबन्धकानां सह प्रायः कस्यापि परियोजनायां 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 इत्यस्य मार्गः यः पूर्वनिर्धारितसेटिंग्स् इत्यस्य उपयोगेन पूर्वसंकलितः अस्ति (अनुकूलनं नास्ति)

RubyGems इति

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

gem 'bootstrap', '~> 4.1.3'

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

gem install bootstrap -v 4.1.3

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

रचयिता

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

composer require twbs/bootstrap:4.1.3

नुगेट्

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

Install-Package bootstrap
Install-Package bootstrap.sass