flexbox - 响应式引导行跨度式重新排序
问题描述
使用 Bootstrap 4 是否可以从
| | b | |
| a |---| c |
| | d | |
on xs to
| | a |
| |---|
| b | c |
| |---|
| | d |
在 sm 及以上?
一直在查看 flex 文档,但找不到在不隐藏和显示重复布局元素的情况下实现两者的方法。
<div class="container pl-0 pr-0">
<div class="row no-gutters">
<div class="col-2 categories">
a
</div>
<div class="col-8">
<div class="mainPanel">
b
</div>
<div class="colors">
d
</div>
<div class="item"><< Select Item >></div>
</div>
<div class="col-2 patterns">
c
</div>
</div>
</div>
这构建了第一个示例,但是将 b 和 d 嵌套在另一个 div 中意味着它们不能按照我的意愿重新排序。
解决方案
推荐阅读
- python - 关联 .csv 列数据以进行计算
- c# - 我想将 "B101" 这个 id 增加到 "B102" ,我该如何使用溢出方法来做到这一点?
- reactjs - 如何将用户输入数据从功能子组件发送到父类组件?
- javascript - 两级在Javascript中添加更多文件
- react-native - Undefined is not a function {near This.state} 反应原生错误
- php - 没有ajax的联系表格只是php和html页面
- javascript - 模型重叠
- kubernetes - Kubernetes 中的 Apache Flink 部署 - 可用性和可扩展性
- go - 如何同步常量写入和周期性读取和更新
- javascript - 当动态添加项目时,为什么 ::before CSS 选择器不适用于列表项目?