Twitter的Bootstrap - 表单输入太薄

Question

我正在使用Twitter的Bootstrap为我的网站创建HTML/CSS.但是,在创建表单时遇到问题:

错误的屏幕截图

正如您所看到的那样,输入对文本来说太脆弱了.我已经使用自己的代码进行了测试,并从他们的文档中复制/粘贴了确切的代码:

我包括两个资源:

<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

据我所知,他们正确加载.我错过了一个资源吗？

Answer 1

该死的.我失踪了

<!DOCTYPE html>

在文档的顶部.

正是我做了什么,谢谢发布这个! (2认同)
当您在页面的某处出现PHP错误时,有时也会发生这种情况; 有时它们出现在doctype之前,这意味着浏览器不承认它.虽然我确定PHP错误会在优先级列表中更高; P (2认同)
重要细节:它是<!DOCTYPE html>,而不是<!DOCTYPE HTML>,这不是大写的! (2认同)

Answer 2

该<!DOCTYPE html>补丁并没有为我工作.但是在我们的代码库中找到并删除了以下内容有什么帮助:

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Answer 3

我遇到了这个问题并且因为原因完全无形而让我疯了几个小时.我已经在<!DOCTYPE html>那里,所有代码都很完美.问题原来是文本文件编码.

使用linux'file'命令显示源文件编码为:"PHP脚本,UTF-8 Unicode(带BOM)文本".
在文件上运行'more'会在文件开头显示一些垃圾字符(ï»¿).我在linux中创建了新文件并复制/粘贴了代码,一切都按预期开始工作.