首页 > 其他 > 详细

bootstrap列偏移-13

时间:2019-11-24 20:52:35      阅读:99      评论:0      收藏:0      [点我收藏+]

上节课回顾:列嵌套会多padding  可以用一个盒子在嵌套其它的

列偏移场景:

技术分享图片

 

 默认所有的盒子贴着左侧的,所以只能用右侧盒子偏移

实现思路换下

大盒子row

嵌套两个小盒子列col-尺寸占几份 col-md-3 (比如)

技术分享图片

 

 container下一个row 列要8列col

div.container>div.row>div.col-sm(尺寸)*8  而最后一个列 col-sm-offset-2(几份),即可 


 

技术分享图片

 

技术分享图片

 

偏移份数=12-(两个)盒子份数

技术分享图片

 

 其实offset内部使浏览器计算好的外边距 , margin-left 左侧盒子加的

 

 技术分享图片

 

 

bootstrap列偏移-13

原文:https://www.cnblogs.com/apelles/p/11923591.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!