padding মানে প্রসারিত করা । একটি অবজেক্ট এর বাম দিক থেকে , ডান দিক থেকে ,উপরের দিক থেকে বা নিচের দিক থেকে কতটা পরিমাণ জায়গা প্রসারিত হবে তা নির্ণয় করা হয় । Bootstrap padding প্রপার্টি কে p দ্বারা প্রকাশ করা হয় । bootstrap লেখার জন্য class="Nm" ব্যবহার করতে হবে আর সেই class এর ভিতরে নিদিষ্ট class এর নাম লিখতে হবে যেটা আগে থেকে bootstrap এ লেখা আছে তার কাজ কি ।
Bootstrap padding ব্যবহৃত ক্লাস এর নাম গুলো নিচে দেওয়া হল :
Bootstrap padding ৬ রকম ভ্যলু ব্যবহার করা হয় । এখানে মনে রাখবেন bootstrap px ব্যবহার করা হয় না । Bootstrap rem ব্যবহার করা হয় ।1rem = 16 px ।
0 --> 0rem --> 0px
1 --> .25rem --> 4px
2 --> .5rem --> 8px
3 --> 1rem --> 16px
4 --> 1.5rem --> 24px
5 --> 3rem --> 48px
প্রথমে জেনেছেন Bootstrap padding p দ্বারা প্রকাশ করা হয় ।
নিচে ক্লাস গুলো বিস্তারিত আলোচনা করা হল : * এর জায়গায় ভ্যালু বসবে
pt-* pr-* pb-* pl-* px-* py-* p-*pt-* - এই ক্লাস এর মাধ্যমে আপনি উপর দিকে প্রসারিত করতে পারেন । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।
0px Stretched from above.pr-* - এই ক্লাস এর মাধ্যমে আপনি ডানদিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।
0px Stretched from right.pb-* - এই ক্লাস এর মাধ্যমে আপনি নিচেরদিকে প্রসারিত করতে পারেন প্রয়োজন মত। * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।
0px Stretched from bottom.pl-* - এই ক্লাস এর মাধ্যমে আপনি বামদিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।
0px Stretched from left.px-* - এই ক্লাস এর মাধ্যমে আপনি বামদিকে ও ডানদিকে উভয় দিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।
0px Stretched on both right and left .py-* - এই ক্লাস এর মাধ্যমে আপনি উপরেরদিকে ও নিচেরদিকে উভয় দিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।
0px Stretched on both top and bottom.p-* - এই ক্লাস এর মাধ্যমে আপনি চারদিকে প্রসারিত করতে পারেন প্রয়োজন মত। * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।
0xp Stretched from all around.