Bootstrap的基础知识(尚硅谷学习总结)

容器

       1. 流体容器:.container-fluid         (width为auto)

       2. 固定容器:.container    

阈值    width
yz>12001170 (1140+槽宽)
1200>yz>992970 (940+槽宽)
992>yz>768750 (720+槽宽)
<768auto
阈值对应屏幕
1200lg  大屏PC
992md  中屏PC
768sm  平板
<768xs  移动手机

       3.栅格系统

                 1. 有容器 container、有行 row、 有列 col-lg(默认12列)

                 2. 栅格源码分析:

                     

                     

                     

                      4.列

                         第一步:增添样式

                        

                         第二步:

                    

                          2.3  列排序 

                          

                            2.4 列偏移 offset

                            

                                      

 

                             

                 

                  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值