乐思启慧教学系列—Bootstrap布局规则

本文介绍了如何在外层栅格发生变化时调整内层栅格以保持布局对齐的方法。例如,当外层从col-md-6变为col-md-12时,内层需要相应地从col-md-4调整为col-md-2,以确保整体布局的一致性和美观性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1外层变化,内层相应变化规则

col-md-6 col-md-4

外层6变成12,扩大了2倍,里面就得缩小2倍(除以2), 只有这样才能保持外部变化了,内部依然对齐

col-md-12 col-md-2

 

再如 col-md-3 col-md-4

外层3变成12,扩大了4倍,里面就得缩小4倍(除以4)

col-md-12 col-md-1

转载于:https://www.cnblogs.com/znsongshu/p/6079318.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值