在移动版本上以不同顺序引导
我在右列中有2列和嵌套行，如何使Bootstrap响应如下，
布局：
desktop version
--------- ------
| 2 || 1 |
| || |
| |-------
| || 3 |
| || |
| |-------
| |
| |
---------
mobile version (stacked in order)
--------
| 1 |
| |
--------
| 2 |
| |
| |
| |
| |
| |
--------
| 3 |
| |
--------
这是我的代码：
<div class="row">
<div class="col-lg-4">
<div class="row">
<div class="col-lg-12">1
</div>
<div class="row">
<div class="col-lg-12">3
</div>
</div>
<div class="col-lg-8 order-lg-first">2
</div>
</div>
使用此代码，移动版本为1 3 2的订单为1 2 3。
问题答案：
因为Bootstrap 4使用的是flexbox，所以 列的高度总是相等的 ，因此您将无法获得所需的桌面（lg）布局。
一种选择 是禁用的flexbox lg。使用 浮点数 ，以使1,3列自然向右拉，因为2更高。Flexbox
order-将在移动设备上运行。
<div class="container">
<div class="row d-flex d-lg-block">
<div class="col-lg-8 order-1 float-left">
<div class="card card-body tall">2</div>
</div>
<div class="col-lg-4 order-0 float-left">
<div class="card card-body">1</div>
</div>
<div class="col-lg-4 order-1 float-left">
<div class="card card-body">3</div>
</div>
</div>
</div>
如何运作
- 将列保持在同一行中，因为顺序是相对于父级的
- 在
d-flex d-lg-block禁止弯曲的lg和最多 - 该
float-left浮动时，Flex是禁用的列 - 在
order-*重新排序列弯曲时启用
另一个选择 是一些使用w-auto…
-
问题内容： 我正在使用顶部固定的导航栏进行响应式布局。在下面，我有两列，一列用于侧栏（3），一列用于内容（9）。在桌面上看起来像这样 导航栏 [3] [9] 当我将其压缩并隐藏时，侧边栏会堆叠在内容的顶部，如下所示： 导航栏 [3] [9] 我想要顶部的主要内容，因此我需要将移动设备的顺序更改为此： 导航栏 [9] [3] 如何在移动设备上重新排列这些列？或者，如何将sidbar列表组放入正在扩展
-
问题内容： 我意识到这与这个问题非常相似。但是，我有一个CSV文件，该文件的格式始终与我需要用不同顺序写出的列相同，以便将其向下移动到数据处理管道中。如果我的csv文件包含标题和数据，如下所示： 我将如何写出与原始输入csv具有相同列但按以下顺序排列的csv文件： 我最初的想法是做这样的事情： 问题答案： 如果极有可能每次输入文件或输出文件都不会具有相同的布局，则这是获取“ reorderfunc
-
首先也是最重要的是，我对Java知之甚少，对SWT更是知之甚少，所以我就到此为止。今天早些时候，我试着运行我在上找到的这个简单程序https://mkyong.com/swt/swt-hello-world-example 以下是代码： 当我运行它时，会出现以下错误： 我从中了解到的是，SWT正在用Java11编译，而它应该用Java8编译，但是——这是一个很大的BUT——我没有Java11我删除
-
我们可以看到，转速不是单调增加的。在我的实体的审计表中，我有以下内容： 通过将记录与转速号链接在一起形成时间线，我得到了： 24 -- 事实上，我有一个由2台服务器组成的集群。它们都可以将数据持久化到数据库中。我怀疑这与版本号中的顺序问题有关。因为这个问题。像MyEntity anEntity=auditReader.find（MyEntity.class，id，revNum）这样的查询不起作用，
-
我想在Firebase数据库上从上到下排序。有人能帮帮我吗？我试图使用集合，但不起作用。 启动回收者视图的活动 MyClass用户
-
如上所述，我不希望在移动设备上的div上有属性。 到目前为止，我已经做到了这一点，它可以与chrome一起使用，但可能不适用于其他浏览器： 这样做的正确方法是什么？有没有办法不用js就能逃脱？ 谢谢