我正在尝试使用 Twitter 的引导程序快速浏览几页。我无法像在 http://twitter.github.com/bootstrap/ 上那样渲染文本字段时遇到问题
我的 HTML 看起来像
<div class="clearfix">
<label for="unit">unit</label>
<div class="input">
<input class="xlarge" id="unit" name="unit" type="text" value="" />
</div>
</div>
这似乎是我在演示页面上看到的所有相关 CSS 类。但是，我的文本输入字段在垂直方向上呈现的输入区域太小，因此光标和文本与输入区域的底部边框重叠。这是win7上最新的chrome。
【问题讨论】：
标签： html css twitter-bootstrap
感谢所有帮助我的人。
我也面临这个问题，以帮助我分享我的旅程的其他用户如何解决它。问题如下所示：
这个问题出现在 Firefox 中，它在 chrome 中看起来很正常。
我是如何找到解决方案的：
<!DOCTYPE html> 的问题我不相信，但我开始查看该页面。 <!DOCTYPE html>
现在我想为什么会发生这种情况，背后的原因。
然后我看一下jsp页面。这是我的问题，有人在正文之前包含另一个jsp页面。
希望这个亮点有所帮助。
【讨论】：
就我而言：
- 我在表单中输入了文本
- 它在 Firefox 中有效，但在 Chrome 中无效
我通过覆盖引导 css 中的 line-height 解决了这个问题。 一开始是这样的：
line-height: inherit;
当我在我的 css 中更改它时（所以它会覆盖引导 css）：
line-height: normal;
成功了！
对于看到此内容但不知道我在说什么的人，请按 f12 并转到您的文本框。
现在您将在样式选项卡中看到：
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
font-height: inherit;
}
这是您要覆盖的那个。
【讨论】：
将class="x-large" 替换为：class="input-block-level"
【讨论】：
我的文件是在 Windows 中创建的，我遇到了类似的问题，即高度太小，所以下降的部分被截断。我的文件有一些 PHP 作为第一行，然后是所需的 html。在阅读了所有的cmets之后，我移动了我的 （2行）到PHP前面的顶部并且高度增加了......所以问题解决了。似乎 DOCTYPE 必须在任何 PHP 之前开始。
【讨论】：
DOCTYPE 必须是生成的 HTML 中的第一行。但这并不意味着必须在任何 PHP 之前。您只需要确保 PHP 不会生成任何输出（包括空行甚至空格字符）。您甚至可以使用 PHP 生成 DOCTYPE。
我遇到了同样的问题，但在我的情况下，这是由于文件之间的文本编码不一致造成的。一些文件用 UTF-8 编码，没有 BOM（字节顺序标记），而其他文件用 UTF-8 编码，包括 BOM。我将所有文件都切换为没有 BOM 的 UTF-8，它工作正常。
【讨论】：
http://twitter.github.com/bootstrap/scaffolding.html
需要 HTML5 文档类型 Bootstrap 使用需要使用 HTML5 文档类型的 HTML 元素和 CSS 属性。请务必将其包含在项目中每个 Bootstrapped 页面的开头。
<!DOCTYPE html>
<html lang="en">
...
</html>
【讨论】：
当 doctype 输入错误时也会触发此行为。在我的情况下，<!DOCTYPE>（错误）被固定为<!DOCTYPE HTML>，问题就消失了。
【讨论】：
当文档在最外层缺少<html> 标记时，会出现此行为。在整理我的模板后，它看起来应该。感谢记事本++。
【讨论】：