Bootstrap 4 引导程序4测试版:响应行“;1、2、3“;至;“2、1、3”;
所以下面的内容在4.alpha上有效,但我在4.beta上没有任何运气 我使用的是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">
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标记为已回答。可能是的副本