码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap列偏移-13

时间:2019-11-24 19:47:59      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:图片   它的   com   回顾   row   外边距   bootstrap   tst   add   

上节课回顾:列嵌套会多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

标签:图片   它的   com   回顾   row   外边距   bootstrap   tst   add   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!