您的位置:首页 > Web前端 > BootStrap

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: