Bootstrap网格系统参数解析
2020-06-01 13:52
162 查看
在使用网格系统时有许多参数我们需要弄清楚,下面是我自己结合所学整理的,第一次写博客,写的不好还请见谅。
要知道Bootstrap网格系统,我们首先要知道Bootstrap的使用。然后我们要知道在Bootstrap网格系统中,将一个页面或者板块分为12列,而我们最大可以获得12列。
row :表名在该div里使用网格
col-xs-*:表示在超小型设备上使用(手机)。特点:一直水平。
col-sm-*:表示在小型设备上使用(平板电脑)。特点:以折叠开始,断点以上是水平的,其中 * 范围是从 1 到 12。
col-md-*:表示在中型设备上使用(中型台式电脑)。特点:以折叠开始,断点以上是水平的,其中 * 范围是从 1 到 12。
col-lg-*:表示在大型设备上使用(大型台式电脑)。特点:以折叠开始,断点以上是水平的,其中 * 范围是从 1 到 12。
col-md-offset-*:这些类会把一个列的左外边距(margin)增加 * 列,其中 * 范围是从 1 到 11。
相关文章推荐
- bootstrap网格系统使用方法解析
- Bootstrap研究1-精巧的网格布局系统
- Bootstrap 网格系统(Grid System)实例5
- BootStrap-布局容器和栅格网格系统--乐字节前端
- Bootstrap中的网格系统
- Bootstrap学习-网格系统
- Bootstrap教程 之 网格系统和排版
- Bootstrap中的网格系统
- Bootstrap 网格系统
- Bootstrap 新手学习手册---环境部署与网格系统
- Bootstrap 网格系统(Grid System)
- bootstrap网格系统
- Bootstrap 网格系统详解
- bootstrap 基础知识学习(图片+网格系统)
- Bootstrap的简介安装与网格系统
- bootstrap 网格系统(Grid system) 总结与实践
- Bootstrap 网格系统 介绍
- Bootstrap 网格系统(Grid System)的工作原理 - 媒体查询
- Bootstrap学习-网格系统
- Bootstrap 网格系统