شرح صفوف ومحتوى الفقرة
كيف يحمي بوتستراب النصوص من الالتصاق بحواف شاشة الهاتف عندما يكون عرض الحاوية 100%؟ تُعرّف كل حاوية متغير التنسيق المحلي --bs-gutter-x: 1.5rem أي ما يعادل 24px إجمالاً، ثم تقسمه بالتساوي على الجانبين:
- حشو أيمن بمقدار النصف
0.75remأي12px. - حشو أيسر بمقدار النصف
0.75remأي12px.
وبفضل قاعدة box-sizing: border-box التي أسستها طبقة Reboot، يُحتسب هذا الحشو الجانبي البالغ مجموعه 24px ضمن عرض 100% بأمان تام دون أي طفح أفقي!