Spacing

使用简写类为元素或其边的子集分配响应友好的边距或填充值。包括对单个属性、所有属性以及垂直和水平属性的支持。类从默认的Sass地图构建,范围从 .25rem 到 3rem 。

符号

Margin 与 Padding

  • m - margin
  • p - padding

选择边

  • t - top
  • r - right
  • b - bottom
  • l - left
  • x - right 与 left
  • y - top 与 bottom

边距的大小

  • 0 - 0
  • 1 - 0.25rem
  • 2 - 0.5rem
  • 3 - 1rem
  • 4 - 1.5rem
  • 5 - 3rem

示例

以边距的大小 1rem 为例:

Margin 属性 Padding 属性
m-3 margin: 1rem; p-1 padding: 1rem;
mt-3 margin-top: 1rem; pt-3 padding-top: 3rem;
mr-3 margin-right: 1rem; pr-3 padding-right: 1rem;
mb-3 margin-bottom 1rem; pb-3 padding-bottom 1rem;
ml-3 margin-left: 1rem; pl-3 padding-left: 1rem;
mx-3 margin-right: 1rem; margin-left: 1rem; px-3 padding-right: 1rem; padding-left: 1rem;
my-3 margin-top: 1rem; margin-bottom: 1rem; py-3 padding-top: 1rem; padding-bottom: 1rem;