0
点赞
收藏
分享

微信扫一扫

web前端基础——响应式布局BootStrap框架

全栈顾问 2022-03-15 阅读 49

BootStrap栅格系统

所谓的栅格系统是指在Bootstrap3中,把我们的网页宽度等分成12等份,而每个内容占12份中对应的份数。
在这里插入图片描述
在这里插入图片描述

  • .container是Bootstrap中专门提供的类名,所有应用该类名的盒子,默认已被指定宽度且居中

  • .container-fluid也是Bootstrap中专门提供的类名,所有应用该类名的盒子,宽度均为100%

  • 分别使用.row类名和.col类名定义栅格布局的行和列

注意:

  1. container类自带间距15px
  2. row类自带间距-15px(可以用来抵消container类的内边距)
举报

相关推荐

0 条评论