栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > Bootstrap教程

bootstrap栅格化系统

bootstrap栅格化系统

Bootstrap栅格化系统

Bootstrap 的栅格化系统采用将页面布局分为12列,再根据页面宽度采用预定义类控制模块占用宽度比例的思想,实现响应式布局。此方法论下的实现可以兼容较多种比例的页面布局,命名比较规范,多列布局页面开发值得借鉴;

栅格化系统的工作规范

(1).container(.container-fluid)>.row>.col-md-;采用容器内行(row)列(column)布局方式,.col-md-必须包含在.row中,.row必须包含在.container中;.container可以包含多个.row,.row可以包含多个.col-md-;

例子:   .......

..........


栅格参数

超小屏幕 手机 (<768px)

小屏幕 平板 (≥768px)

中等屏幕 桌面显示器 (≥992px)

大屏幕 大桌面显示器 (≥1200px)



作者:Queen_9999
链接:https://www.jianshu.com/p/44d8b7a2a763


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243626.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号