Html 尝试处理登录表单的响应性

我正在努力使页面响应，并面临一些问题，我不知道我做错了什么。这只是基本的，我做不到。请检查plnkr链接，让我知道我做错了什么

---

您没有包含任何引导css或js链接。您需要为输入标记指定宽度：100%。 看看这个例子。 它反应灵敏

.login btn、.btn.login-btn{
边界半径：8px；
文本对齐：居中；
最小高度：44px；
最小宽度：140px；
字号：200；
字体大小：20px；
填充：0 10px；
利润率：20px；
}
.login cont input[type=“text”]，.login cont input[type=“password”]{
边框：1px实心#61839C；
高度：44px；
字体大小：20px；
宽度：100%；
字体大小：20px；
填充：0 10px；
字体大小：300；
显示：块；
边缘顶部：20px；
左侧填充：20px；
}

忘记密码了？
登录

您的问题太模糊，无法以当前形式回答。我创建的登录表单没有响应您所说的“响应”是什么意思？它应该适用于所有设备如果您没有使用bootstrap提供的功能，请尝试bootstrap提供的表单。查看表格

    .login-btn, .btn.login-btn {
  border-radius: 8px;
  text-align: center;
  min-height: 44px;
  min-width: 140px;
  font-weight: 200;
  font-size: 20px;
  padding: 0 10px;
  margin: 20px;
}

.login-cont input[type="text"], .login-cont input[type="password"]  {
  border: 1px solid #61839C;
  height: 44px;
  font-size: 20px;
  width: 358px;
  font-size: 20px;
  padding: 0 10px;
  font-weight: 300;
  display: block;

  margin-top: 20px;
  padding-left: 20px;


}