Bootstrap มีระยะขอบที่ตอบสนองและคลาสยูทิลิตี้ช่องว่างภายในที่หลากหลาย ใช้งานได้กับจุดพักทั้งหมด:
xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) หรือxl (> = 1200px))
ชั้นเรียนใช้ในรูปแบบ:
{property} {sides} - {size}สำหรับ xs & {property} {sides} - {breakpoint} - {size}สำหรับ sm, md, lg และ xl
m - กำหนดระยะขอบ
p - ตั้งค่าช่องว่างภายใน
t - ตั้งค่าระยะขอบบนหรือขอบด้านบน
b - กำหนดขอบล่างหรือขอบล่าง
l - ตั้งค่าระยะขอบซ้ายหรือช่องว่างด้านซ้าย
r - กำหนดระยะขอบขวาหรือขอบขวา
x - ตั้งค่าทั้ง padding-left และ padding-right หรือ margin-left และ margin-right
y - ตั้งค่าทั้ง padding-top และ padding-bottom หรือ margin-top และ margin-bottom
ว่าง - กำหนดระยะขอบหรือช่องว่างในทั้ง 4 ด้านขององค์ประกอบ
0 - ตั้งค่าระยะขอบหรือช่องว่างภายในเป็น 0
1 - ตั้งค่าระยะขอบหรือช่องว่างภายในเป็น. 25rem (4px ถ้าขนาดตัวอักษรเป็น 16px)
2 - ตั้งค่าระยะขอบหรือช่องว่างภายในเป็น. 5rem (8px ถ้าขนาดตัวอักษรเป็น 16px)
3 - ตั้งค่าระยะขอบหรือช่องว่างภายในเป็น 1rem (16px หากขนาดตัวอักษรเป็น 16px)
4 - ตั้งค่าระยะขอบหรือช่องว่างภายในเป็น 1.5rem (24px ถ้าขนาดตัวอักษรเป็น 16px)
5 - ตั้งค่าระยะขอบหรือช่องว่างภายในเป็น 3rem (48px ถ้าขนาดแบบอักษรเป็น 16px)
อัตโนมัติ - ตั้งค่าระยะขอบเป็นอัตโนมัติ
ดูเพิ่มเติมได้ที่Bootstrap 4.5 - Spacing
อ่านเพิ่มเติมใน w3schools