Html IE9未正确呈现[display:table]CSS？

我有一个使用引导的MVC4应用程序。应用程序标题的一部分是典型的用户名和密码字段，带有登录按钮和“记住我”选项

在Chrome中，所有内容都正确渲染：

但在IE9中，我看到：

HTML:

---

据我所知，IE9似乎对bootstrap.css中的.row类存在某种问题。有人知道我如何修复IE9中的渲染，使其与Chrome的渲染相匹配，用户名、密码和登录按钮字段都位于同一行吗？

我发现，通过添加以下内容，IE中的渲染以及Chrome和Firefox中的渲染都符合我的要求：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

---

IE=edge以最新版本的IE运行页面。

您可能需要使用实际的表格，以便代码在所有浏览器上运行。：对或者至少有一个DOM树，可以将其更改为表元素表、表行、表单元格。通过创建只有一个空间的表，你希望实现什么？Chrome可能会以一种让你满意的方式显示它，而IE不会，但这不能算作正确渲染。您所拥有的不是正确的表，也没有正确的方法来呈现不正确的内容。@MrLister，您在上面提出了一个很好的观点。我很快就找到了解决方案。

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">