in English

ডাউনলোড করুন

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

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

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

  • কম্পাইল করা এবং ছোট করা CSS বান্ডেল ( সিএসএস ফাইল তুলনা দেখুন )
  • সংকলিত এবং ছোট জাভাস্ক্রিপ্ট প্লাগইন

এর মধ্যে ডকুমেন্টেশন, সোর্স ফাইল বা কোনো ঐচ্ছিক জাভাস্ক্রিপ্ট নির্ভরতা (jQuery এবং Popper.js) অন্তর্ভুক্ত নেই।

ডাউনলোড করুন

সোর্স ফাইল

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

  • আপনার CSS কম্পাইল করার জন্য Sass কম্পাইলার (Libsass বা Ruby Sass সমর্থিত)।
  • CSS ভেন্ডর প্রিফিক্সিংয়ের জন্য অটোপ্রেফিক্সার

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

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

উদাহরণ

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

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

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>

আপনি যদি আমাদের সংকলিত জাভাস্ক্রিপ্ট ব্যবহার করেন এবং আলাদাভাবে Popper.js অন্তর্ভুক্ত করতে পছন্দ করেন, তাহলে CDN এর মাধ্যমে আমাদের JS-এর আগে Popper.js যোগ করুন।

<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>

প্যাকেজ ম্যানেজার

বুটস্ট্র্যাপের সোর্স ফাইলগুলিকে কিছু জনপ্রিয় প্যাকেজ পরিচালকের সাথে প্রায় যেকোনো প্রকল্পে টেনে আনুন। প্যাকেজ ম্যানেজার যাই হোক না কেন, বুটস্ট্র্যাপকে আমাদের অফিসিয়াল কম্পাইল করা সংস্করণের সাথে মেলে এমন একটি সেটআপের জন্য একটি 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.5.3'

বিকল্পভাবে, আপনি যদি Bundler ব্যবহার না করেন, আপনি এই কমান্ডটি চালিয়ে রত্নটি ইনস্টল করতে পারেন:

gem install bootstrap -v 4.5.3

আরও বিস্তারিত জানার জন্য রত্ন এর README দেখুন।

সুরকার

আপনি কম্পোজার ব্যবহার করে বুটস্ট্র্যাপের সাস এবং জাভাস্ক্রিপ্ট ইনস্টল এবং পরিচালনা করতে পারেন :

composer require twbs/bootstrap:4.5.3

নুগেট

আপনি যদি .NET-তে বিকাশ করেন, আপনি NuGet ব্যবহার করে বুটস্ট্র্যাপের CSS বা Sass এবং JavaScript ইনস্টল ও পরিচালনা করতে পারেন :

Install-Package bootstrap
Install-Package bootstrap.sass