html - 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 中的银河/移动调试器大小？丹尼尔

标签： htmltwitter-bootstrapresponsive

Answer 1

由于这个错误，这没有按预期工作：

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

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

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

一切都按预期工作。