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

संकलित CSS र JS

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

• कम्पाइल गरिएको र मिनिफाइड 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-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>

यदि तपाइँ हाम्रो कम्पाइल गरिएको JavaScript प्रयोग गर्दै हुनुहुन्छ र 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 लाई Sass कम्पाइलर र Autoprefixer को सेटअपको लागि आवश्यक पर्दछ जुन हाम्रो आधिकारिक कम्पाइल गरिएका संस्करणहरूसँग मेल खान्छ।

npm

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

npm install bootstrap

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

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

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

धागो

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

yarn add bootstrap

रुबी जेम्स

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

gem 'bootstrap', '~> 5.0.2'

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

gem install bootstrap -v 5.0.2

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

संगीतकार

You can also install and manage Bootstrap’s Sass and JavaScript using Composer:

composer require twbs/bootstrap:5.0.2

NuGet

If you develop in .NET, you can also install and manage Bootstrap’s CSS or Sass and JavaScript using NuGet:

Install-Package bootstrap

Install-Package bootstrap.sass