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