标签里面 mr、mt、mr 是什么意思

从别人博客上抄来的, 在 bootstrap 文档上也可以看到：

内边距（pading）外边距（margin）

m - for classes 代表 margin

p - for classes 代表 padding

t - for classes that set margin-top or padding-top

b - for classes that set margin-bottom or padding-bottom

l - for classes that set margin-left or padding-left

r - for classes that set margin-right or padding-right

x - for classes that set both -left and -right

y - for classes that set both -top and -bottom
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
内边距

p-1 // padding: .25rem!important;

p-2 // padding: .5rem!important;

p-3 // padding: 1rem!important;

p-4 // padding: 1.5rem!important;

p-5 // padding: 3rem!important;

单边

pt-0

pl-0

pr-0

pb-0

px-2

py-2

pading:.5rem 0; //py-2
1
2
3
外边距

m-1 // margin: .25rem!important;

m-2 // margin: .5rem!important;

m-3 // margin: 1rem!important;

m-4 // margin: 1.5rem!important;

m-5 // margin: 3rem!important;

单边

mt-0

ml-0

mr-0

mb-0

单边大小

mt-1 // margin-left: ($spacer * .25) !important;

mt-2

mt-3

mt-4

mt-5

mx-auto

margin:0 auto;

1
2
3
4
5
auto

ml-auto // margin-left: auto!important;

mr-auto // margin-right: auto!important;

mt-auto // margin-top: auto!important;

mb-auto // margin-bottom: auto!important;

作者：Altaba
来源：CSDN
原文：https://blog.csdn.net/Altaba/article/detai...
版权声明：本文为博主原创文章，转载请附上博文链接！

:joy: 太感谢了，百度一直没搜到，终于解开了半个月的心中疑惑