引导网格在移动设备上无响应

Question

我正在使用引导网格进行布局。当我缩小浏览器的宽度时，网格元素会重新排列以适应。但是，如果我在手机上查看网站，或在chrome的开发人员选项中将浏览器查看模式设置为移动设备，则网格元素不会移动，所有内容都会保留，但尺寸会减小，因此最终会得到一个很小的版本我的网站。

对于我的网格，我使用：

<div class='row'>
    <div class='col-md'>content</div>
    <div class='col-md'>content</div>
</div>

我不正确地使用-md部分。我喜欢它在浏览器上的中断点，但这是否也会影响移动设备？

编辑：只是添加一些关于我的网站的特点。

1. 它托管在Github上，即。 MyName.github.io
2. 仅在线版本中会出现此问题，离线时网格会重新排列。
3. 我正在使用域转发到我的github地址，即。 Myname.com-> myname.github.io

以防万一，这可能会影响到一切

Answer 1

这听起来好像没有插入viewport标签，所以移动设备将缩放您的网站以使其适合显示在屏幕上。将其放入html代码的head部分：

 <meta name="viewport" content="width=device-width initial-scale=1.0" />

Answer 2

发现了问题。

我正在我的域上使用转发，并屏蔽了另一个地址。这会在原始域域的iframe中显示该网站。

如果我访问直接指向的域名，那么一切都会正常进行。