bootstrap栅栏系统css中的col-xs-＊、col--＊、col-md-＊ 的意义以及 bootstrap一个标签中，同时有 col-xs , col- , col-md , col-lg的理解微型手机 超小「bootstrap栅栏系统css中的col-xs-＊、col--＊、col-md-＊ 的意义以及 bootstrap一个标签中，同时有 col-xs , col- , col-md , col-lg的理解」

首先说明：

1、col-列；

2、xs-maxall，超小；-all，小；md-medium，中等；lg-large，大；

3、-*表示占列，即占自动每行row分12列栅格系统比；

4、col-xs-*超小屏幕 手机 (<768px),

.col--*小屏幕 平板 (≥768px),

.col-md-*中等屏幕 桌面显示器 (≥992px)(栅格参数).

5、不管在哪种屏幕上，栅格系统都会自动的每行row分12列 col-xs-*和col--* 和col-md-*后面跟的参数表示在当前的屏幕中 每个div所占列数。例如 <div class="col-xs-6 col-md-3"> 这个div在屏幕中占的位置是： .col-xs-6 在超小屏幕中占6列 也就是屏幕的一半（12/6列=2个div） ，.col-md-3 在中单屏幕中占3列也就是1/4（12/3列=4个div）。

宣威版权声明：本网信息来自于互联网，目的在于传递更多信息，并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益，请及时联系我们，本站将会在24小时内处理完毕，E-mail：xinmeigg88@163.com