Twitter bootstrap 引导模式对移动设备没有响应

我正在设计一个几乎完成的登录表单。我面临的问题是，我使用的（引导）模式对移动设备没有响应。 我已经包括bootstrap.min.css文件。请帮忙

×
记得我吗

忘记密码了？

没有账户吗
注册

引导不仅仅是一种响应性布局，它还允许您非常具体地了解布局在不同视口大小下的显示方式。这意味着对于许多类，可以选择希望元素显示的特定最小视口宽度。低于该最小值，元素将占据整整12列。视口大小的确切像素宽度在中有定义，但大致可分为手机的

xs

、平板电脑的

sm

、小型笔记本电脑的

md

、大型笔记本电脑和台式电脑的

lg

例如，

col-md-6

的意思是“当视口为中等或更大时显示为6列，当视口小于中等时显示为12列”。您可以通过这种方式组合多个类以确定多个视口宽度。例如，

col-sm-8 col-md-6 col-lg-4

将显示为

xs

的12列、

sm

的8列、

md

的6列和

lg

的4列

---

因此，查看您的代码时，您只使用

col-md-*

类（

col-md-6

，

col-md-offset-2

），因此您的布局仅在中等视口宽度下启动。如果希望所有视口大小的布局都相同，则需要使用

col xs-*

类。如果你想让手机和桌面的外观稍有不同，在你所有的

div

上使用

col xs-*

和

col md-*

类。要注意的是，在

xs

设备上过多地划分布局可能会导致列太小而无法容纳其内容，这看起来很糟糕。

正如@gmferland提到的，这是引导模式的一个限制

您可能希望使用我的库来克服它：

---

也可用于Bootstrap 4:

您所说的“无响应”是什么意思？是表单没有响应用户输入，还是没有缩放以适应视口的大小？是否在头部链接引导css，在body close标记之前链接js？我自己使用引导模式，它确实没有响应。您需要自己使用

css媒体查询使其响应

@gmferland它没有缩放以适应视口的大小。@ChintanSavla看到我的答案了吗