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

问题描述 投票:0回答:1

我试图显示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中的galaxy / mobile调试器大小?丹尼尔

html twitter-bootstrap responsive
1个回答
0
投票

由于这个错误,这没有按预期工作:

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

现在,当它被正确定义时,像这样:

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

一切都按预期工作。

© www.soinside.com 2019 - 2024. All rights reserved.