Bootsrap 4响应列并隐藏在移动设备上

Question

我试图显示2个不同大小的列： 桌面上有8列和4列（> = col-xl）隐藏第一列+在整个屏幕上显示第二列（12列）。代码如下：

<div class="d-none d-xl-block col-xl-8">....</div>
<div class="col-12 col-xl-4">...</div>

在桌面屏幕上显示良好，在手机上显示相同（8 + 4而不是0 + 12）。 为什么Chrome中的银河/移动调试器大小不变？ 丹尼尔

Answer 1

由于此错误，该操作无法按预期进行：

<meta name="viewport" content="width=device-width, initial-scale=0">

现在，当正确定义它时，就像这样：

<meta name="viewport" content="width=device-width, initial-scale=1">

一切正常。