شرح صفوف ومحتوى الفقرة
Container الحاوية في الوضع الافتراضي لها Padding left and right 15px ولها 0 :padding top and bottom.
يمكننا باستخدام بوتستراب لنغير من قيم ال padding ايضا ال margin كما نشاء وبطريقة متجاوبة.
فمثلا عند كتابة كلاس pt-5 فهذا يعني انك تريد اضافة padding-top:2rem. ولكي تفهم معنى هذا الكلاس فعليك ان تعرف ثلاث اشياء.
اولا حرف p هو رمز لكلمة padding وفي حالة كنت تريد عمل margin فيمكنك استبداله بحرف m.
ثانيا حرف t هو اختصار لكلمة top وهذا يعني انك تريد تطبيق هذا ال padding او ال margin في الاتجاه الاعلى فقط واليك جيمع الاتجاهات:
- top -t
- bottom - b
- left ( start ) - s
- right( end ) - e
- x- (محور السينات x-axis) right and left
- y- (محور الصادات غ-axis) top and bottom
- في حالة عدم تحديد اتجاه يتم تطبيق الكلاس على جميع الاتجاهات.
ثالثا الرقم 5 يعني ان القيمة هي 3rem وتتراوح الارقام من 0 الى 5 والقيم الخاصة بها هي كالاتي:
- 0 تعني صفر
- 1 تعني 0.25rem
- 2 تعني 0.5rem
- 3 تعني 1rem
- 4 تعني 1.5rem
- 5 تعني 3rem
لذلك عندما نضيف pb-3 على سبيل المثال فهذا يعني padding-bottom:1rem و 1rem = 16px.
Padding Class
استخدام كلاس padding