Spacing
使用简写类为元素或其边的子集分配响应友好的边距或填充值。包括对单个属性、所有属性以及垂直和水平属性的支持。类从默认的Sass地图构建,范围从 .25rem 到 3rem 。
符号
Margin 与 Padding
m- marginp- padding
选择边
t- topr- rightb- bottoml- leftx- right 与 lefty- top 与 bottom
边距的大小
0- 01- 0.25rem2- 0.5rem3- 1rem4- 1.5rem5- 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; |