bootstrap中col-xs-*和col-sm-* 和col-md-*是怎么样对应的
2020-02-03 16:47
609 查看
在做布局时,有时窗体大小变化会出现非想要的效果.
栅格系统中的列是通过指定1到12的值来表示其跨越的范围 所以不会有col-**-15 最大也就是12
<div class="col-sm-10 col-md-8">
这个应该是说：
屏幕大于(≥992px) ，使用col-md-* 而不是col-sm-*
如果屏幕大于(≥768px)，小于<=992px，使用col-sm-* 而不是col-md-*
再小就使用col-xs-*
转载于:https://www.cnblogs.com/CoreXin/p/6918254.html
- 点赞
- 收藏
- 分享
- 文章举报
aynbxl8574
发布了0 篇原创文章 · 获赞 0 · 访问量 1000
私信
关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 的意义以及 bootstrap一个标签中，同时有 col-xs , col-sm , col-md , col
- bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义
- bootstrap -- 一个标签中，同时有 col-xs , col-sm , col-md , col-lg
- BootStrap框架的col-xs、col-sm、col-md的运用
- bootstrap栅格系统css中的col-xs-*、col-sm-*、col-md-* 的意义
- bootstrap -- 一个标签中，同时有 col-xs , col-sm , col-md , col-lg
- bootstrap -- 一个标签中，同时有 col-xs , col-sm , col-md , col-lg
- bootstrap中col-xs-*和col-sm-* 和col-md-*
- Bootstrap3基础 栅格系统 col-lg/md/sm/xs-* 简单示例
- bootstrap -- 一个标签中，同时有 col-xs , col-sm , col-md , col-lg
- Bootstrap栅栏布局里col-xs-*、col-sm-*、col-md-*、col-lg-*之间的区别及使用方法
- Bootstrap简介及Bootstrap里的栅格系统col-md/sm/xs-x;
- Bootstrap3基础 栅格系统 标尺(col-lg/md/sm/xs-1)
- col-xs , col-sm , col-md , col-lg是什么意思？什么时候用？
- bootstrap -- col-sm-6 和 col-xs-6
- <div class="col-xs-6 col-sm-6 col-md-6">
- [置顶] bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义
- Bootstrap 响应式实用工具——visible-xs、visible-sm、hidden-xs、hidden-sm等
- 两个div在同一行显示 调整两个div间的高度 栅格系统col-sm md lg
- [Bootstrap] 3. Responsive Gridding (.hidden-sm, visible-md)