डाउनलोड गर्नुहोस्
कम्पाइल गरिएको CSS र JavaScript, स्रोत कोड प्राप्त गर्न बुटस्ट्र्याप डाउनलोड गर्नुहोस्, वा यसलाई तपाइँको मनपर्ने प्याकेज प्रबन्धकहरू जस्तै npm, RubyGems, र थपसँग समावेश गर्नुहोस्।
संकलित CSS र JS
बुटस्ट्र्याप v4.6.2 को लागि प्रयोग गर्न तयार कम्पाइल गरिएको कोड सजिलैसँग तपाइँको प्रोजेक्टमा ड्रप गर्न डाउनलोड गर्नुहोस्, जसमा समावेश छ:
- कम्पाइल गरिएको र मिनिफाइड CSS बन्डलहरू ( CSS फाइलहरू तुलना हेर्नुहोस् )
- संकलित र मिनिफाइड JavaScript प्लगइनहरू (हेर्नुहोस् JS फाइलहरू तुलना )
यसले कागजात, स्रोत फाइलहरू, वा कुनै पनि वैकल्पिक JavaScript निर्भरताहरू (jQuery र Popper) समावेश गर्दैन।
स्रोत फाइलहरू
हाम्रो स्रोत Sass, JavaScript, र कागजात फाइलहरू डाउनलोड गरेर तपाईंको आफ्नै सम्पत्ति पाइपलाइनको साथ बुटस्ट्र्याप कम्पाइल गर्नुहोस्। यो विकल्पलाई केहि अतिरिक्त उपकरण चाहिन्छ:
- Sass स्रोत फाइलहरू CSS फाइलहरूमा कम्पाइल गर्नको लागि Sass कम्पाइलर
- CSS विक्रेता उपसर्गको लागि Autoprefixer
यदि तपाईंलाई हाम्रो निर्माण उपकरणहरूको पूर्ण सेट चाहिन्छ भने , तिनीहरू बुटस्ट्र्याप र यसको कागजातहरू विकास गर्नका लागि समावेश गरिएका छन्, तर तिनीहरू सम्भवतः तपाईंको आफ्नै उद्देश्यका लागि अनुपयुक्त छन्।
उदाहरणहरू
यदि तपाइँ हाम्रो उदाहरणहरू डाउनलोड र जाँच गर्न चाहनुहुन्छ भने , तपाइँ पहिले नै निर्मित उदाहरणहरू समात्न सक्नुहुन्छ:
jsDelivr
बुटस्ट्र्यापको कम्पाइल गरिएको CSS र JS को क्यास संस्करण तपाईंको प्रोजेक्टमा डेलिभर गर्न jsDelivr सँग डाउनलोड छोड्नुहोस् ।
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
यदि तपाइँ हाम्रो कम्पाइल गरिएको JavaScript प्रयोग गर्दै हुनुहुन्छ र Popper लाई छुट्टै समावेश गर्न चाहनुहुन्छ भने, हाम्रो JS अघि Popper थप्नुहोस्, CDN मार्फत प्राथमिकता दिनुहोस्।
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.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-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
प्याकेज प्रबन्धकहरू
केहि सबैभन्दा लोकप्रिय प्याकेज प्रबन्धकहरूसँग लगभग कुनै पनि परियोजनामा बुटस्ट्र्यापको स्रोत फाइलहरू तान्नुहोस्। प्याकेज प्रबन्धक जेसुकै भए पनि, Bootstrap लाई Sass कम्पाइलर र Autoprefixer को सेटअपको लागि आवश्यक पर्दछ जुन हाम्रो आधिकारिक कम्पाइल गरिएका संस्करणहरूसँग मेल खान्छ।
npm
npm प्याकेजको साथ आफ्नो Node.js संचालित एपहरूमा Bootstrap स्थापना गर्नुहोस् :
npm install bootstrap
require('bootstrap')सबै बुटस्ट्र्यापको jQuery प्लगइनहरू jQuery वस्तुमा लोड गर्नेछ। bootstrapमोड्युल आफैले केहि निर्यात गर्दैन । /js/*.jsतपाईंले प्याकेजको शीर्ष-स्तर डाइरेक्टरी अन्तर्गत फाइलहरू लोड गरेर व्यक्तिगत रूपमा Bootstrap को jQuery प्लगइनहरू लोड गर्न सक्नुहुन्छ।
Bootstrap's package.jsonले निम्न कुञ्जीहरू अन्तर्गत केही अतिरिक्त मेटाडेटा समावेश गर्दछ:
sass- बुटस्ट्र्यापको मुख्य Sass स्रोत फाइलको लागि मार्गstyle- बुटस्ट्र्यापको गैर-मिनिफाइड CSS को मार्ग जुन पूर्वनिर्धारित सेटिङहरू प्रयोग गरेर पूर्व-कम्पाइल गरिएको छ (कुनै अनुकूलन छैन)
धागो
यार्न प्याकेजको साथ आफ्नो Node.js संचालित एपहरूमा बुटस्ट्र्याप स्थापना गर्नुहोस् :
yarn add bootstrap
रुबी जेम्स
Bundler ( सिफारिस गरिएको ) र RubyGems प्रयोग गरेर आफ्नो रुबी एपहरूमा बुटस्ट्र्याप स्थापना गर्नुहोस् निम्न लाइन थपेर Gemfile:
gem 'bootstrap', '~> 4.6.2'
वैकल्पिक रूपमा, यदि तपाइँ बन्डलर प्रयोग गरिरहनु भएको छैन भने, तपाइँ यो आदेश चलाएर मणि स्थापना गर्न सक्नुहुन्छ:
gem install bootstrap -v 4.6.2
थप विवरणहरूको लागि रत्नको README हेर्नुहोस्।
संगीतकार
तपाइँ कम्पोजर प्रयोग गरेर बुटस्ट्र्यापको Sass र JavaScript स्थापना र व्यवस्थापन गर्न सक्नुहुन्छ :
composer require twbs/bootstrap:4.6.2
NuGet
यदि तपाइँ .NET मा विकास गर्नुहुन्छ भने, तपाइँ NuGet प्रयोग गरेर बुटस्ट्र्यापको CSS वा Sass र JavaScript स्थापना र व्यवस्थापन गर्न सक्नुहुन्छ :
Install-Package bootstrap
Install-Package bootstrap.sass