文档章节

Bootstrap之底层媒体查询

o
 osc_4nmshwhm
发布于 2018/08/06 22:17
字数 96
阅读 0
收藏 0

钉钉、微博极速扩容黑科技,点击观看阿里云弹性计算年度发布会!>>>

<style>
@media only screen and (min-width:1024px ) {
#box{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.inner{
width: 100px;
height: 100px;
background: #8a4182;
margin: 10px;

}
.inner:nth-child(5){
order: -1;
}
}
@media only screen and (min-width:640px) and (max-width:1023px) {
#box{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.inner{
width: 100px;
height: 100px;
background: blue;
margin: 10px;
}
.inner:nth-child(5){
order: -1;
}
}
@media only screen and (min-width:320px) and (max-width:639px) {
#box{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.inner{
width: 100px;
height: 100px;
background: green;
margin: 10px;
}
.inner:nth-child(5){
order: -1;
}
}

上一篇: Tab选项卡
下一篇: ASP.NET 数据绑定
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

如何通过日期属性对数组进行排序 - How to sort an array by a date property

问题: Say I have an array of a few objects: 说我有一些对象的数组: var array = [{id: 1, date: Mar 12 2012 10:00:00 AM}, {id: 2, date: Mar 8 2012 08:00:00 AM}]; How can I sort......

javail
53分钟前
22
0
技术教程| 百度鹰眼历史轨迹查询:轨迹抽稀功能

本文作者:用****9 本篇教程中,我们将详细地说明鹰眼历史轨迹查询(gettrack接口)中,如何通过vacuate_grade选项对轨迹进行抽稀,以及不同的抽稀力度对轨迹产生的影响。 上一篇教程中,我们...

百度开发者中心
前天
17
0
整数的最大值和最小值 - Maximum and Minimum values for ints

问题: I am looking for minimum and maximum values for integers in python. 我在python中寻找整数的最小值和最大值。 For eg., in Java, we have Integer.MIN_VALUE and Integer.MAX_VA......

法国红酒甜
今天
22
0
Quartz的Misfire处理规则 错过任务执行时间的处理机制

调度(scheduleJob)或恢复调度(resumeTrigger,resumeJob)后不同的misfire对应的处理规则 CronTrigger withMisfireHandlingInstructionDoNothing ——不触发立即执行 ——等待下次Cron触发频率...

独钓渔
今天
4
0
PHP解析/语法错误; 以及如何解决它们? - PHP parse/syntax errors; and how to solve them?

问题: Everyone runs into syntax errors. 每个人都遇到语法错误。 Even experienced programmers make typos. 即使是经验丰富的程序员也会打错字。 For newcomers, it's just part of the......

fyin1314
今天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部