bootstrap5 常用类大全

文章摘自我的个人博客: 网页地址

.ms-auto元素居右(margin start/left
.me-auto元素居左 (margin edn/right


.p-5: padding
g-4:间距(套给父元素)
.w-50: 宽度50%


.d-flex: flex布局
d-none:display:none
d-md-block:当为md时,为block

bg-primary:背景颜色为primary
text-light:文本亮色
lead: font-size:1.25rem;font-weight:300;


d-md-flex: 当尺寸大于md时,会flex布局
(当尺寸大时,左右布局,小的时候,上下布局)


img-fluid: 图片不会超出div(max-weight:100%;height:auto;)
rounded-circle: 图片变圆角

fixed-top:导航栏置顶


引用:
问:什么是mb-0?
最佳答案:

m – 设定边距

p – 设置填充

t – 设置margin-top或padding-top

b – 设置margin-bottom或padding-bottom

l – 设置margin-left或padding-left

r – 设置margin-right或padding-right

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(如果字体大小为16px则为8px)

3 – 将边距或填充设置为1rem(如果字体大小为16px,则为16px)

4 – 将边距或填充设置为1.5rem(如果字体大小为16px,则为24px)

5 – 将边距或填充设置为3rem(如果font-size为16px则为48px)

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值