bootstrap常用基本

来源:互联网 发布:办公室网络限制玩游戏 编辑:程序博客网 时间:2024/05/01 03:22
一、容器布局Bootstrap需要为页面内容和栅格系统包裹一个容器,提供了两个类,但是由于padding等属性原因,这两种容器类不能互相嵌套。1、.container:用于固定宽度并支持响应式布局的容器。2、.container-fluid:用于100%宽度,占据全部视口的容器。二、栅格系统1、row必须包含在.container或.container-fluid2、通过row在水平方向创建一组column,你的内容应当放置于column内,并且只有column可以作为row的直接子元素。3、通过列column设置padding属性,从而创建列与列之间的间隔(gutter)。通过为.row元素设置负值margin从而抵消掉为.container元素设置的padding,也就是间接为行row所包含的列column抵消掉padding。4、栅格系统的列是1-12,如果一行row中包含的列数大于12,多余的列所在的元素奖被视为一个整体另起一行排列。5、在多种屏幕上的适配.col-xs-(
0 0
原创粉丝点击