六维教程

Bootstrap5 间距

为元素或其子集分配响应友好的marginpadding值,包括对单个属性、所有属性以及垂直和水平属性的支持。

速记符号

Bootstrap 的间距工具类由属性、方向、尺寸三部分组成。

  • 属性:m 表示 marginp 表示 padding
  • 方向:t 顶部、b 底部、s 起始边、e 结束边、x 水平、y 垂直,省略表示四边。
  • 尺寸:05,以及 auto1 对应 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>
上一篇
Bootstrap5 背景