【发布时间】：2013-05-05 23:52:49
【问题描述】：
我之前多次使用 bootstrap，但现在在我的 GAE 项目中我遇到了一个问题——输入元素的高度非常小。例如，按钮是可以的：
HTML 代码：
<div class="container">
<div class="row">
<div class="span6 pull-right">
<div class="well well-small">
<form>
<input id="length" class="input-small" name="length" type="text" value="8">
<br/>
<input type="number" value="8">
<br/>
<input type="submit" class="btn btn-success" value="Generate">
<!-- etc -->
开发工具截图：
编辑 2：从引导程序中删除了 height:20px 规则，现在可以了。但它为什么会在那里？
引导版本为 2.2.1。屏幕截图是在 Chrome 23.0.1271.95、Mac OS X 10.8 中制作的。
【问题讨论】：
-
如果您在浏览器的开发工具中检查该元素，您将能够看到导致此问题的 CSS 规则。您可能还有其他一些覆盖引导属性的 CSS 规则。
-
我只有规则，由引导程序定义。
-
Mac 上的 Chrome 在渲染输入方面存在一些问题，事实上我在这里stackoverflow.com/questions/8303274/… 的问题与 chrome mac 输入的问题有关。它与您的问题没有直接关系，但很高兴知道有时您并不是唯一一个看到某些东西的人。
标签： html css twitter-bootstrap