SNDP BAG 4 YOU
কম্পিউটার প্রোগ্রামিং শিখুন


Bootstrap padding

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.

4px Stretched from above.

8px Stretched from above.

16px Stretched from above.


24px Stretched from above.



48px Stretched from above.




pr-* - এই ক্লাস এর মাধ্যমে আপনি ডানদিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।

0px Stretched from right.
4px Stretched from right.
8px Stretched from right.
16px Stretched from right.
24px Stretched from right.
48px Stretched from right.


pb-* - এই ক্লাস এর মাধ্যমে আপনি নিচেরদিকে প্রসারিত করতে পারেন প্রয়োজন মত। * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।

0px Stretched from bottom.
4px Stretched from bottom.

8px Stretched from bottom.

16px Stretched from bottom.

24px Stretched from bottom.


48px Stretched from bottom.


Bootstrap padding responsive জানার জন্য এখানে ক্লিক করুন ।

pl-* - এই ক্লাস এর মাধ্যমে আপনি বামদিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।

0px Stretched from left.

4px Stretched from left.

8px Stretched from left.

16px Stretched from left.

24px Stretched from left.

48px Stretched from left.



px-* - এই ক্লাস এর মাধ্যমে আপনি বামদিকে ও ডানদিকে উভয় দিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।

0px Stretched on both right and left .
4px Stretched on both right and left .
8px Stretched on both right and left .
16px Stretched on both right and left.
24px Stretched on both right and left.
48px Stretched right and left .


py-* - এই ক্লাস এর মাধ্যমে আপনি উপরেরদিকে ও নিচেরদিকে উভয় দিকে প্রসারিত করতে পারেন প্রয়োজন মত । * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।

0px Stretched on both top and bottom.


4px Stretched on both top and bottom.


8px Stretched on both top and bottom.


16px Stretched on both top and bottom.


24px Stretched on both top and bottom.



48px Stretched on both top and bottom.




p-* - এই ক্লাস এর মাধ্যমে আপনি চারদিকে প্রসারিত করতে পারেন প্রয়োজন মত। * এর জায়গায় 0, 1, 2, 3, 4, 5 ভ্যলু বসাবেন ।

0xp Stretched from all around.

4px Stretched from all around.

8px Stretched from all around.



16px Stretched from all around.



24px Stretched from all around.




48px Stretched from all around.