bootstrap栅栏系统css中的col-xs,col-sm,col-md 的意义_html/css_WEB-ITnose

程序员文章站 2024-01-25 13:18:08

...

.col-xs-超小屏幕手机 ( 这个div在屏幕中占的位置是：1在超小屏幕中占6列也就是屏幕的一半（6/12） 2.在中单屏幕中占3列也就是1/4（3/12）。如果我们要在小屏幕上并排显示3个div(12/3=4)，在大屏幕上显示6个则col-xs-4 col-md-2这样我们就可以控制我们自己想要的什么排版了。还有一种情况是

后面跟的div中col-sm的参数如果为3 也就是如果是这样这两个div在小屏幕中会排2排因为10+3>12 ,在中等屏幕中可以排同一排 8+4=12

bootstrap栅栏系统css中的col-xs,col-sm,col-md 的意义_html/css_WEB-ITnose

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。