Bootstrap具有广泛的响应边距和填充实用程序类。它们适用于所有断点:
xs(<= 576px),sm(> = 576px),md(> = 768px),lg(> = 992px)或xl(> = 1200px))
这些类以以下格式使用:
{属性} {}双方- {}尺寸为XS&{属性} {}双方- {断点} - {}尺寸为SM,MD,LG和XL。
m-设置边距
p-设置填充
t-设置边距顶部或填充顶部
b-设置边距底边或填充边底
l-设置margin-left或padding-left
r-设置右边距或填充右边距
x-设置padding-left和padding-right或margin-left和margin-right
y-设置padding-top和padding-bottom或margin-top和margin-bottom
空白 -在元素的所有4个面上设置边距或填充
0-将边距或填充设置为0
1-将空白或填充设置为.25rem(如果font-size为16px,则为4px)
2-将空白或填充设置为.5rem(如果font-size为16px,则为8px)
3-将边距或填充设置为1rem(如果font-size为16px,则为16px)
4-将边距或填充设置为1.5rem(如果font-size为16px,则为24px)
5-将边距或填充设置为3rem(如果font-size为16px,则为48px)
自动 -将保证金设置为自动
在Bootstrap 4.5-间距中查看更多
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句