Bootstrap 4 引导程序4测试版:响应行“;1、2、3“;至;“2、1、3”;

Bootstrap 4 引导程序4测试版:响应行“;1、2、3“;至;“2、1、3”;,bootstrap-4,twitter-bootstrap-4,Bootstrap 4,Twitter Bootstrap 4,所以下面的内容在4.alpha上有效,但我在4.beta上没有任何运气 我使用的是col-3 | col-6 | col-3行布局 当浏览器为中型(桌面)或更大时,我需要该布局 当浏览器小于中等大小时,我希望: col-md-6(#2)div位于最上面一行 正下方的col-md-3(#1) 最下面一行的col-md-3(#3) 下面是我为4.alpha编写的代码: <div class="container-fluid"> <div class="row">

所以下面的内容在4.alpha上有效,但我在4.beta上没有任何运气

我使用的是
col-3 | col-6 | col-3
行布局

当浏览器为中型(桌面)或更大时,我需要该布局

当浏览器小于
中等大小时,我希望:

  • col-md-6
    (#2)div位于最上面一行
  • 正下方的
    col-md-3
    (#1)
  • 最下面一行的
    col-md-3
    (#3)
下面是我为4.alpha编写的代码:

<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">#1</div>
        <div class="col-md-6 flex-first flex-md-unordered">#2</div>
        <div class="col-md-3 flex-third flex-md-unordered">#3</div>
    </div>
</div>

#1
#2
#3

如何在移动设备上运行此功能?在Bootstrap 4 beta 3中,此功能由
.order-
类提供。在文档中,您可以在部分中找到它们

因此,在您的具体案例中,它将如下所示:


#1
#2
#3

Ah,那是我在测试中遗漏的
order-md-1
。我有
order-#
但在#1行没有
order-md-1
。谢谢@dferenc标记为已回答。可能是的副本