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

कम्पाइल गरिएको CSS र JavaScript, स्रोत कोड प्राप्त गर्न बुटस्ट्र्याप डाउनलोड गर्नुहोस्, वा यसलाई तपाइँको मनपर्ने प्याकेज प्रबन्धकहरू जस्तै npm, RubyGems, र थपसँग समावेश गर्नुहोस्।

संकलित CSS र JS

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

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

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

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

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

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

• Sass कम्पाइलर (Libsass वा Ruby Sass समर्थित छ) तपाईंको CSS कम्पाइल गर्नको लागि।
• CSS विक्रेता उपसर्गका लागि Autoprefixer

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

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

उदाहरणहरू

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap

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

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

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

धागो

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

yarn add bootstrap

रुबी जेम्स

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

gem 'bootstrap', '~> 4.5.3'

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

gem install bootstrap -v 4.5.3

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

संगीतकार

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

composer require twbs/bootstrap:4.5.3

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass