डाउनलोड गर्नुहोस्

संकलित CSS र JS

बुटस्ट्र्याप v5.1.3 को लागि प्रयोग गर्न तयार कम्पाइल गरिएको कोड सजिलैसँग तपाइँको परियोजनामा ​​ड्रप गर्न डाउनलोड गर्नुहोस्, जसमा समावेश छ:

• कम्पाइल गरिएको र मिनिफाइड CSS बन्डलहरू ( CSS फाइलहरू तुलना हेर्नुहोस् )
• संकलित र मिनिफाइड JavaScript प्लगइनहरू ( JS फाइलहरू तुलना हेर्नुहोस् )

यसले कागजात, स्रोत फाइलहरू, वा Popper जस्ता कुनै पनि वैकल्पिक JavaScript निर्भरताहरू समावेश गर्दैन।

डाउनलोड गर्नुहोस्

स्रोत फाइलहरू

हाम्रो स्रोत Sass, JavaScript, र कागजात फाइलहरू डाउनलोड गरेर तपाईंको आफ्नै सम्पत्ति पाइपलाइनको साथ बुटस्ट्र्याप कम्पाइल गर्नुहोस्। यो विकल्पलाई केहि अतिरिक्त उपकरण चाहिन्छ:

• Sass स्रोत फाइलहरू CSS फाइलहरूमा कम्पाइल गर्नको लागि Sass कम्पाइलर
• CSS विक्रेता उपसर्गको लागि Autoprefixer

यदि तपाईंलाई हाम्रो निर्माण उपकरणहरूको पूर्ण सेट चाहिन्छ भने , तिनीहरू बुटस्ट्र्याप र यसको कागजातहरू विकास गर्नका लागि समावेश गरिएका छन्, तर तिनीहरू सम्भवतः तपाईंको आफ्नै उद्देश्यका लागि अनुपयुक्त छन्।

स्रोत डाउनलोड गर्नुहोस्

उदाहरणहरू

यदि तपाइँ हाम्रो उदाहरणहरू डाउनलोड र जाँच गर्न चाहनुहुन्छ भने , तपाइँ पहिले नै निर्मित उदाहरणहरू समात्न सक्नुहुन्छ:

उदाहरणहरू डाउनलोड गर्नुहोस्

jsDelivr मार्फत CDN

बुटस्ट्र्यापको कम्पाइल गरिएको CSS र JS को क्यास संस्करण तपाईंको प्रोजेक्टमा डेलिभर गर्न jsDelivr सँग डाउनलोड छोड्नुहोस् ।

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

यदि तपाइँ हाम्रो कम्पाइल गरिएको JavaScript प्रयोग गर्दै हुनुहुन्छ र Popper लाई छुट्टै समावेश गर्न चाहनुहुन्छ भने, हाम्रो JS अघि Popper थप्नुहोस्, CDN मार्फत प्राथमिकता दिनुहोस्।

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

प्याकेज प्रबन्धकहरू

केहि सबैभन्दा लोकप्रिय प्याकेज प्रबन्धकहरूसँग लगभग कुनै पनि परियोजनामा ​​बुटस्ट्र्यापको स्रोत फाइलहरू तान्नुहोस्। प्याकेज प्रबन्धक जेसुकै भए पनि, Bootstrap लाई Sass कम्पाइलर र Autoprefixer को सेटअपको लागि हाम्रो आधिकारिक कम्पाइल गरिएको संस्करणसँग मेल खान्छ।

npm

npm प्याकेजको साथ आफ्नो Node.js संचालित एपहरूमा Bootstrap स्थापना गर्नुहोस् :

npm install bootstrap

const bootstrap = require('bootstrap')वा import bootstrap from 'bootstrap'बुटस्ट्र्यापका सबै प्लगइनहरूलाई bootstrapवस्तुमा लोड गर्नेछ। bootstrapमोड्युल आफैले हाम्रा सबै प्लगइनहरू निर्यात गर्दछ । /js/dist/*.jsतपाईंले प्याकेजको शीर्ष-स्तर डाइरेक्टरी अन्तर्गत फाइलहरू लोड गरेर व्यक्तिगत रूपमा बुटस्ट्र्यापको प्लगइनहरू लोड गर्न सक्नुहुन्छ।

बुटस्ट्र्यापले package.jsonनिम्न कुञ्जीहरू अन्तर्गत केही अतिरिक्त मेटाडेटा समावेश गर्दछ:

• sass- बुटस्ट्र्यापको मुख्य Sass स्रोत फाइलको लागि मार्ग
• style- बुटस्ट्र्यापको गैर-मिनिफाइड CSS को मार्ग जुन पूर्वनिर्धारित सेटिङहरू प्रयोग गरेर पूर्व-कम्पाइल गरिएको छ (कुनै अनुकूलन छैन)

धागो

यार्न प्याकेजको साथ आफ्नो Node.js संचालित एपहरूमा बुटस्ट्र्याप स्थापना गर्नुहोस् :

yarn add bootstrap

रुबी जेम्स

Bundler ( सिफारिस गरिएको ) र RubyGems प्रयोग गरेर आफ्नो रुबी एपहरूमा बुटस्ट्र्याप स्थापना गर्नुहोस् निम्न लाइन थपेर Gemfile:

gem 'bootstrap', '~> 5.1.3'

वैकल्पिक रूपमा, यदि तपाइँ बन्डलर प्रयोग गरिरहनु भएको छैन भने, तपाइँ यो आदेश चलाएर मणि स्थापना गर्न सक्नुहुन्छ:

gem install bootstrap -v 5.1.3

थप विवरणहरूको लागि रत्नको README हेर्नुहोस्।

संगीतकार

तपाइँ कम्पोजर प्रयोग गरेर बुटस्ट्र्यापको Sass र JavaScript स्थापना र व्यवस्थापन गर्न सक्नुहुन्छ :

composer require twbs/bootstrap:5.1.3

NuGet

यदि तपाइँ .NET मा विकास गर्नुहुन्छ भने, तपाइँ NuGet प्रयोग गरेर बुटस्ट्र्यापको CSS वा Sass र JavaScript स्थापना र व्यवस्थापन गर्न सक्नुहुन्छ :

Install-Package bootstrap

Install-Package bootstrap.sass