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

संकलित CSS र JS

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

• कम्पाइल गरिएको र मिनिफाइड 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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

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

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

npm

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

npm install [email protected]

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 [email protected]

रुबी जेम्स

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

संगीतकार

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

composer require twbs/bootstrap:5.2.1

NuGet

यदि तपाइँ .NET फ्रेमवर्कमा विकास गर्नुहुन्छ भने, तपाइँ NuGet को प्रयोग गरेर Bootstrap को CSS वा Sass र JavaScript स्थापना र व्यवस्थापन गर्न सक्नुहुन्छ । नयाँ परियोजनाहरूले libman वा अर्को विधि प्रयोग गर्नुपर्छ किनकि NuGet कम्पाइल गरिएको कोडको लागि डिजाइन गरिएको हो, फ्रन्टएन्ड सम्पत्ति होइन।

Install-Package bootstrap

Install-Package bootstrap.sass