首页 bootstrap5设置元素外边距的class样式写法

bootstrap5设置元素外边距的class样式写法

沐辰客栈 2022-02-22 01:35:23 0 89

1.调整某一侧的边距

有几个缩写,t,b,l,r,x,y含义分别是top,bottom,left,right,left和right,top和bottom

mt-2
 
{margin-top: 0.5rem !important}
 
mb-2
 
{margin-bottom: 0.5rem !important}
 
ml-2
 
{margin-left: 0.5rem !important}
 
mr-2
 
{margin-right: 0.5rem !important}
 
mx-2
 
{margin-right: 0.5rem !important;margin-left: 0.5rem !important}
 
my-2
 
{margin-top: 0.5rem !important;margin-bottom: 0.5rem !important}


2.全部统一外内边距写法  p-1 m-1


m-0
 
等价于{margin:0 !important}
 
m-1
 
等价于{margin:0.25rem !important}
 
m-2
 
等价于{margin:0.5rem !important}
 
m-3
 
等价于{margin:1rem !important}
 
m-4
 
等价于{margin:1.5rem !important}
 
m-5
 
等价于{margin:3rem !important}
 
m-auto
 
等价于{margin:auto !important}

css · bootstrap5 ·
您可能对以下文章感兴趣

发表评论