html - 在移动视图的下一行中滑动中心 div
问题描述
我正在制作一个标题导航,其中我有左、中和右三列,在移动视图中我需要 1 行中的左列和右列,中间列应该在下一行滑动。
LeftPanel: <div name="leftPnl" id="leftPnl" data-complex="true" class="panel_dashboard panel-primary_dashboard undefined leftPnl displayTbl col-lg-4 col-md-4 col-sm-4 col-xs-4 " style=""></div>
CenterPanel: <div name="middletPnl" id="middletPnl" data-complex="true" class="panel_dashboard panel-primary_dashboard undefined middletPnl col-lg-4 col-md-4 col-sm-4 col-xs-12 " style=""></div>
RightPanel: <div name="RighttPnl" id="RighttPnl" data-complex="true" class="panel_dashboard panel-primary_dashboard undefined RighttPnl displayTbl col-lg-4 col-md-4 col-sm-6 col-xs-6 " style=""></div>
解决方案
在您的媒体查询中使用 order 属性将绿色列移到 last ,bootstrap 内置了用于 order 的实用程序
https://www.w3schools.com/cssref/css3_pr_order.asp
同一主题的另一个问题 通过 Bootstrap4 订购列
推荐阅读
- c# - 发出 GET 请求,然后在 MessageBox C# 中显示结果
- python - Django 包含静态 CSS JS 文件 - 包含但未读取的路径
- firebase - 批量写入中的 Firestore 删除是原子的吗?
- javascript - 为 Discord.js-Commando 设置活动/状态命令
- reactjs - 反应错误:错误:元素类型无效
- flutter - how to use stream onDone
- symfony - 是否可以在 Symfony 中输出消息键
- polymer - 无法从 Polymer 3 Mixin 触发事件
- flutter - 确定哪个 textFormField 出现错误?
- java - 判断一个数字数组是否可以分成一组k个连续数字