Bootstrap5 间距
为元素或其子集分配响应友好的margin或padding值,包括对单个属性、所有属性以及垂直和水平属性的支持。
速记符号
Bootstrap 的间距工具类由属性、方向、尺寸三部分组成。
- 属性:
m表示margin,p表示padding。 - 方向:
t顶部、b底部、s起始边、e结束边、x水平、y垂直,省略表示四边。 - 尺寸:
0到5,以及auto,1对应0.25rem,逐级递增。
<div class="mt-3">margin-top: 1rem</div>
<div class="px-4">padding 左右各 1.5rem</div>
<div class="mx-auto">水平居中</div>
<div class="p-5">padding 四边 3rem</div>
响应式
在类名前加上断点前缀,只在特定屏幕宽度下生效。
<div class="mt-3 mt-md-0">小屏有上间距,中等屏起取消</div>