বুটস্ট্রাপ হলো একটি ফ্রি এবং ওপেন সোর্স সিএসএস ফ্রেমওয়ার্ক যা রেস্পন্সিভ মোবাইল ফাস্ট ফ্রন্ট-এন্ড ওয়েব ডেভেলপমেন্ট করতে ব্যবহার করা হয়। যার সর্বশেষ সংস্করণ হলো বুটস্ট্রাপ v5.0.0-beta1, এটি খুবই দ্রুত ওয়েব পেজ ও ওয়েব অ্যাপ্লিকেশন তৈরী করার জন্যে এটা ব্যাপকভাবে ব্যাবহৃত ।
রেস্পন্সিভ ফিক্স উইড
<div class='container'>...</div>
ফুল উইড
<div class='container-fluid'>...</div>
সব কলাম উপরে দেখানো
<div class='row align-items-start'><div class='col'>...</div><div class='col'>...</div></div>
সব কলাম মাঝে দেখানো
<div class='row align-items-center'><div class='col'>...</div><div class='col'>...</div></div>
সব কলাম নিচে দেখানো
<div class='row align-items-end'><div class='col'>...</div><div class='col'>...</div></div>
একটি কলাম উপরে দেখানো
<div class='row'><div class='col align-self-start'>...</div></div>
একটি কলাম মাঝে দেখানো
<div class='row'><div class='col align-self-center'>...</div></div>
একটি কলাম নিচে দেখানো
<div class='row'><div class='col align-self-end'>...</div></div>
ডিসপ্লে ওয়ান
<h1 class='display-1'>Display 1</h1>
ডিসপ্লে টু
<h2 class='display-2'>Display 2</h2>
ডিসপ্লে থ্রি
<h3 class='display-3'>Display 3</h3>
ডিসপ্লে ফোর
<h4 class='display-4'>Display 4</h4>
ডিসপ্লে ফাইভ
<h5 class='display-5'>Display 5</h5>
ডিসপ্লে সিক্স
<h6 class='display-6'>Display 6</h6>
স্ক্রীন প্রস্থ যখন ৫৭৬পিক্সেল এর ছোট
<div class='col-'>...</div>
স্ক্রীন প্রস্থ যখন ৫৭৬পিক্সেল এর সমান বা বড়
<div class='col-sm'>...</div>
স্ক্রীন প্রস্থ যখন ৭৬৮পিক্সেল এর সমান বা বড়
<div class='col-md'>...</div>
স্ক্রীন প্রস্থ যখন ৯৯২পিক্সেল এর সমান বা বড়
<div class='col-lg'>...</div>
স্ক্রীন প্রস্থ যখন ১২০০পিক্সেল এর সমান বা বড়
<div class='col-xl'>...</div>
স্ক্রীন প্রস্থ যখন ১৪০০পিক্সেল এর সমান বা বড়
<div class='col-xxl'>...</div>
সব কলাম বামে দেখানো
<div class='row justify-content-start'><div class='col'>...</div><div class='col'>...</div></div>
সব কলাম মাঝে দেখানো
<div class='row justify-content-center'><div class='col'>...</div><div class='col'>...</div></div>
সব কলাম ডানে দেখানো
<div class='row justify-content-end'><div class='col'>...</div><div class='col'>...</div></div>
সব কলাম ডানে বামে সমান গ্যাপে দেখানো
<div class='row justify-content-around'><div class='col'>...</div></div>
সব কলাম এর মাঝে সমান গ্যাপে দেখানো
<div class='row justify-content-between'><div class='col'>...</div></div>
সব কলাম সমান গ্যাপে দেখানো
<div class='row justify-content-evenly'><div class='col'>...</div></div>