Question

我正在使用Twitter的Bootstrap为我的网站创建HTML / CSS。但是，在创建表单时遇到了问题：

screenshot of error

正如您所看到的，输入对于文本而言太瘦了。我已经使用自己的代码进行了测试，并从他们的文档中复制/粘贴了确切的代码：

我包括两个资源：

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

据我所知，他们正确加载。我错过了资源吗？

Answer 1

该死。我不见了

<!DOCTYPE html>

位于文档顶部。

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中创建了新文件并复制/粘贴了代码，一切都按预期开始工作。

Answer 4

为我修复的是将class="form-control"添加到输入中。

Answer 5

好的，我遇到了同样的问题，经过数周寻找解决方案后，这家伙解决了我的问题！

1 - 创建文件assets / stylesheets / my_styles.css.scss

2 - 将代码放在 my_styles.css.scss 文件中：

input[type=text], input[type=password], input[type=email], input[type=tel] {
height: 33px !important;}

3 - 在assets / stylesheets / application.css中，输入：

*= require my_styles

引导后需要...... 就我而言，它是：

*= require font-awesome
*= require bootstrap_sb_admin_base_v2
*= require_self
*= require my_styles
*= require_tree .
*/

希望它有助于遇到麻烦的人！