স্কিপ করে মূল কন্টেন্ট এ যাও ডক্স নেভিগেশন এড়িয়ে যান
Check
in English

ডাউনলোড করুন

কম্পাইল করা CSS এবং JavaScript, সোর্স কোড পেতে বুটস্ট্র্যাপ ডাউনলোড করুন অথবা npm, RubyGems এবং আরও অনেক কিছুর মতো আপনার প্রিয় প্যাকেজ পরিচালকদের সাথে এটি অন্তর্ভুক্ত করুন।

কম্পাইল করা CSS এবং JS

বুটস্ট্র্যাপ v5.2.1 এর জন্য ব্যবহার করার জন্য প্রস্তুত সংকলিত কোড ডাউনলোড করুন যাতে সহজেই আপনার প্রকল্পে ড্রপ হয়, যার মধ্যে রয়েছে:

এর মধ্যে ডকুমেন্টেশন, সোর্স ফাইল বা পপারের মতো কোনো ঐচ্ছিক জাভাস্ক্রিপ্ট নির্ভরতা অন্তর্ভুক্ত নয়।

ডাউনলোড করুন

সোর্স ফাইল

আমাদের উৎস Sass, JavaScript, এবং ডকুমেন্টেশন ফাইল ডাউনলোড করে আপনার নিজস্ব সম্পদ পাইপলাইনের সাথে বুটস্ট্র্যাপ কম্পাইল করুন। এই বিকল্পটি কিছু অতিরিক্ত টুলিং প্রয়োজন:

আপনার যদি আমাদের সম্পূর্ণ বিল্ড সরঞ্জামগুলির প্রয়োজন হয়, সেগুলিকে বুটস্ট্র্যাপ এবং এর ডক্স তৈরি করার জন্য অন্তর্ভুক্ত করা হয়েছে, তবে সেগুলি সম্ভবত আপনার নিজের উদ্দেশ্যে অনুপযুক্ত।

উৎস ডাউনলোড করুন

উদাহরণ

আপনি যদি আমাদের উদাহরণগুলি ডাউনলোড এবং পরীক্ষা করতে চান তবে আপনি ইতিমধ্যে নির্মিত উদাহরণগুলি ধরতে পারেন:

উদাহরণ ডাউনলোড করুন

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- বুটস্ট্র্যাপের নন-মিনিফাইড সিএসএসের পথ যা ডিফল্ট সেটিংস ব্যবহার করে কম্পাইল করা হয়েছে (কোনও কাস্টমাইজেশন নেই)
আমাদের স্টার্টার প্রকল্পের সাথে npm এর মাধ্যমে বুটস্ট্র্যাপ শুরু করুন! কিভাবে আপনার নিজস্ব npm প্রকল্পে বুটস্ট্র্যাপ তৈরি এবং কাস্টমাইজ করা যায় তা দেখতে twbs/bootstrap-npm-starter টেমপ্লেট রিপোজিটরিতে যান। Sass কম্পাইলার, Autoprefixer, Stylelint, PurgeCSS, এবং বুটস্ট্র্যাপ আইকন অন্তর্ভুক্ত।

সুতা

সুতা প্যাকেজ সহ আপনার Node.js চালিত অ্যাপে বুটস্ট্র্যাপ ইনস্টল করুন :

রুবি জেমস

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