ডাউনলোড করুন
কম্পাইল করা CSS এবং JavaScript, সোর্স কোড পেতে বুটস্ট্র্যাপ ডাউনলোড করুন অথবা npm, RubyGems এবং আরও অনেক কিছুর মতো আপনার প্রিয় প্যাকেজ পরিচালকদের সাথে এটি অন্তর্ভুক্ত করুন।
কম্পাইল করা CSS এবং JS
বুটস্ট্র্যাপ v4.6.2 এর জন্য ব্যবহার করার জন্য প্রস্তুত সংকলিত কোড ডাউনলোড করুন যাতে সহজেই আপনার প্রকল্পে ড্রপ হয়, যার মধ্যে রয়েছে:
- কম্পাইল করা এবং ছোট করা CSS বান্ডেল ( সিএসএস ফাইল তুলনা দেখুন )
- সংকলিত এবং ছোট জাভাস্ক্রিপ্ট প্লাগইন ( জেএস ফাইল তুলনা দেখুন )
এর মধ্যে ডকুমেন্টেশন, সোর্স ফাইল বা কোনো ঐচ্ছিক জাভাস্ক্রিপ্ট নির্ভরতা (jQuery এবং Popper) অন্তর্ভুক্ত নেই।
সোর্স ফাইল
আমাদের উৎস Sass, JavaScript, এবং ডকুমেন্টেশন ফাইল ডাউনলোড করে আপনার নিজস্ব সম্পদ পাইপলাইনের সাথে বুটস্ট্র্যাপ কম্পাইল করুন। এই বিকল্পটি কিছু অতিরিক্ত টুলিং প্রয়োজন:
- Sass সোর্স ফাইলকে CSS ফাইলে কম্পাইল করার জন্য Sass কম্পাইলার
- CSS ভেন্ডর প্রিফিক্সিংয়ের জন্য অটোপ্রেফিক্সার
আপনার যদি আমাদের সম্পূর্ণ বিল্ড সরঞ্জামগুলির প্রয়োজন হয়, সেগুলিকে বুটস্ট্র্যাপ এবং এর ডক্স তৈরি করার জন্য অন্তর্ভুক্ত করা হয়েছে, তবে সেগুলি সম্ভবত আপনার নিজের উদ্দেশ্যে অনুপযুক্ত।
উদাহরণ
আপনি যদি আমাদের উদাহরণগুলি ডাউনলোড এবং পরীক্ষা করতে চান তবে আপনি ইতিমধ্যে নির্মিত উদাহরণগুলি ধরতে পারেন:
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>
আপনি যদি আমাদের সংকলিত জাভাস্ক্রিপ্ট ব্যবহার করেন এবং পপারকে আলাদাভাবে অন্তর্ভুক্ত করতে চান, তাহলে আমাদের JS-এর আগে পপার যোগ করুন, একটি 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>
প্যাকেজ ম্যানেজার
বুটস্ট্র্যাপের সোর্স ফাইলগুলিকে কিছু জনপ্রিয় প্যাকেজ পরিচালকের সাথে প্রায় যেকোনো প্রকল্পে টেনে আনুন। প্যাকেজ ম্যানেজার যাই হোক না কেন, আমাদের অফিসিয়াল সংকলিত সংস্করণের সাথে মেলে এমন একটি সেটআপের জন্য বুটস্ট্র্যাপের একটি Sass কম্পাইলার এবং অটোপ্রেফিক্সারের প্রয়োজন হবে।
npm
npm প্যাকেজ সহ আপনার Node.js চালিত অ্যাপগুলিতে বুটস্ট্র্যাপ ইনস্টল করুন :
npm install bootstrap
require('bootstrap')
বুটস্ট্র্যাপের সমস্ত jQuery প্লাগইন jQuery অবজেক্টে লোড করবে। মডিউল নিজেই bootstrap
কিছু রপ্তানি করে না। /js/*.js
প্যাকেজের শীর্ষ-স্তরের ডিরেক্টরির অধীনে ফাইলগুলি লোড করে আপনি নিজে নিজে বুটস্ট্র্যাপের jQuery প্লাগইনগুলি লোড করতে পারেন ।
বুটস্ট্র্যাপের package.json
নিম্নলিখিত কীগুলির অধীনে কিছু অতিরিক্ত মেটাডেটা রয়েছে:
sass
- বুটস্ট্র্যাপের প্রধান Sass সোর্স ফাইলের পথstyle
- বুটস্ট্র্যাপের নন-মিনিফাইড সিএসএসের পথ যা ডিফল্ট সেটিংস ব্যবহার করে প্রি-কম্পাইল করা হয়েছে (কোনও কাস্টমাইজেশন নেই)
সুতা
সুতা প্যাকেজ সহ আপনার Node.js চালিত অ্যাপে বুটস্ট্র্যাপ ইনস্টল করুন :
yarn add bootstrap
রুবি জেমস
Bundler ( প্রস্তাবিত ) এবং RubyGems ব্যবহার করে আপনার রুবি অ্যাপে বুটস্ট্র্যাপ ইনস্টল করুন আপনার নিম্নলিখিত লাইন যোগ করে Gemfile
:
gem 'bootstrap', '~> 4.6.2'
বিকল্পভাবে, আপনি যদি Bundler ব্যবহার না করেন, আপনি এই কমান্ডটি চালিয়ে রত্নটি ইনস্টল করতে পারেন:
gem install bootstrap -v 4.6.2
আরো বিস্তারিত জানার জন্য রত্ন এর README দেখুন.
সুরকার
আপনি কম্পোজার ব্যবহার করে বুটস্ট্র্যাপের সাস এবং জাভাস্ক্রিপ্ট ইনস্টল এবং পরিচালনা করতে পারেন :
composer require twbs/bootstrap:4.6.2
নুগেট
আপনি যদি .NET-তে বিকাশ করেন, আপনি NuGet ব্যবহার করে বুটস্ট্র্যাপের CSS বা Sass এবং JavaScript ইনস্টল ও পরিচালনা করতে পারেন :
Install-Package bootstrap
Install-Package bootstrap.sass