2.栅格的类中同时设置col-md-* col-sm-*的作用
2024-09-04 12:03:31
1.一般设定成这样的话,在小屏幕上会堆叠在一起
<div class="row">
<div class="col-md-4 ">COL1</div>
<div class="col-md-4 ">COL2</div>
<div class="col-md-4 ">COL3</div>
</div>
如果不希望在小屏幕设备上所有列都堆叠在一起?那就使用针对超小屏幕和中等屏幕设备所定义的类吧,即 .col-xs-*
和 .col-md-*
。请看下面的实例,研究一下这些是如何工作的。
<div class="row">
<div class="col-md-4 col-sm-2">COL1</div>
<div class="col-md-4 col-sm-2">COL2</div>
<div class="col-md-4 col-sm-2">COL3</div>
</div>
当屏幕是大屏幕的时候,就是根据col-md-4显示,但屏幕是小屏幕的时候,就根据col-sm-2显示
最新文章
- 第10章 Shell编程(3)_字符处理命令和条件判断
- ASP.NET运作流程
- lumen 构建api(dingo api)
- spring-HelloWorld
- Vim 学习资料
- IE9 JSON未定义
- 用python的numpy作线性拟合、多项式拟合、对数拟合
- 小学生玩ACM----深搜
- Win7系统安装MySQL5.5.21图解教程
- T-SQL 脚本
- cocos2dx - 节点管理
- 前端安全类——CSRF/XSS
- day08文件操作
- Hello Object Oriented!
- PHP 转义
- 10X Genomics vs. PacBio
- Linux命令之乐--grep
- 【BZOJ】1634: [Usaco2007 Jan]Protecting the Flowers 护花(贪心)
- 5.MPEG-4 压缩编码标准
- 指针小白:修改*p与p会对相应的地址的变量产生什么影响?各个变量指针的长度为多少?
热门文章
- js有限状态机
- Mybatis:Reader entry: ���� 4
- SourceTree Win10 安装过程及配置
- 【js基础修炼之路】- 手把手教你实现bind
- C4C Product Price List的模型中和有效期相关的两个字段
- php session小节
- R cannot be resolved的几种可能 R not generated
- segment and section for c++ elf
- 【转】android布局--Android fill_parent、wrap_content和match_parent的区别
- Linux下内存的几个基本概念