差别
这里会显示出您选择的修订版和当前版本之间的差别。
上一修订版两侧同时换到之后的修订记录 | |||
blog:archives:2897 [2018/05/12 23:34] – 外部编辑 127.0.0.1 | blog:archives:2897 [2019/09/14 19:09] – 管理员 | ||
---|---|---|---|
行 1: | 行 1: | ||
- | 111 | + | ====== bootstrap栅栏系统css中的col-xs-*, |
+ | 摘要: bootstrap栅栏系统css中的col-xs-*, | ||
- | ~~DISCUSSION~ | + | 首先说明: |
+ | |||
+ | - col-列; | ||
+ | - xs-maxsmall,超小;sm-small,小;md-medium,中等; | ||
+ | - -*表示占列,即占自动每行row分12列栅格系统比; | ||
+ | - .col-xs-*超小屏幕 手机 (< | ||
+ | - 不管在哪种屏幕上,栅格系统都会自动的每行row分12列 col-xs-*和col-sm-* 和col-md-*后面跟的参数表示在当前的屏幕中 每个div所占列数。例如 < | ||
+ | - 反推,如果我们要在小屏幕上并排显示3个div(12/ | ||
+ | - 以下案例说明:< | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <!-- 说明:每row行共12列,分个3div,每个div平占4列,即3个*4列=12列 --> | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <!-- 说明:每row行共12列,分个2div,第1个div占4列,第2个div则占8列,即4列+8列=12列 --> | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <!-- 说明:每row行共12列,分个3div,每1, | ||
+ | </ | ||
+ | </ | ||
+ | ———————————————— | ||
+ | 版权声明:本文为CSDN博主「琳娜岳迪」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 | ||
+ | 原文链接:https:// | ||
+ | |||
+ | {{tag> | ||
+ | 备忘录 | ||
+ | bootstrap | ||
+ | }} | ||
+ | |||
+ | ~~DISCUSSION~~ |