Html 引导形式为'；反应迟钝

我正在bootstrap中创建一个登录表单。我认为html和css中的代码还可以。唯一的问题是，尽管我引入了引导的行和列以使其具有响应性，但该表单没有响应

代码：

。包含{
边框：1px实心；
边框颜色：#e6；
背景色：#F2F2；
高度：1000px；
左边距：100px；
边界半径：无；
宽度：1050px；
}

SEI GIÀ客户？阿克迪

电子邮件

密码
非安科拉客户？
本维努托！

尝试将div class=“contain”更改为div class=“container”，这应该是要测试的第一件事：）

在头标签中，您需要添加一个元标签

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

如果没有视口集，任何响应css都不会运行

你似乎也有你的头标签内的div。div应该在body标签内。

---

您可能需要深入研究文档

我想你在寻找一些引导类，比如

.formcontrol.formgroup

，等等

---

此外，没有class=“contain”类，而是使用

class=“container”

或

class=“container fluid”

因此这里缺少很多东西：

首先，html它的结构不好，它不包含任何body标记，并且没有关闭head标记。你也没有包含bootstrap.css，它也不会那样工作

正如有人指出的，您应该使用

容器

或

容器流体

，而不是自定义类

包含

。作为建议，您不应该为类设置固定的宽度，因为引导使用百分比宽度

这是一个可响应的工作片段。我删除了html的一些部分以使代码更清晰

电子邮件
密码

检查拼写。您有class=“contain”，它应该是class=“container”@nmg49如果这是原因，那么这个问题是用户的一个简单的印刷错误，应该关闭。@Martin No，这肯定不会改变任何东西。我试过了，没有任何改变。是的，我有这些标签，但我删除了它们，因为我的演示太长了。你使用的是什么版本的引导？