Html 输入的高度非常小_Html_Css_Twitter Bootstrap

Html 输入的高度非常小

html css twitter-bootstrap

Html 输入的高度非常小,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我以前使用过很多次引导，但是现在在我的GAE项目中我遇到了一个问题——输入元素的高度非常小。例如，按钮可以： HTML代码： <div class="container"> <div class="row"> <div class="span6 pull-right"> <div class="well well-small"> <form> <inp

我以前使用过很多次引导，但是现在在我的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：从引导中删除高度：20px规则，现在可以了。但它为什么会在那里

引导版本是2.2.1。屏幕截图是用Chrome 23.0.1271.95、Mac OS X 10.8制作的。

添加

<!DOCTYPE html>

添加到文档中应该可以解决此问题。

添加

<!DOCTYPE html>

如果您在浏览器的devtools中检查该元素，您将能够看到导致此问题的CSS规则。您可能还有其他CSS规则覆盖引导属性。我只有引导定义的规则。Mac上的Chrome在呈现输入方面存在一些问题事实上，我这里的问题与Chrome Mac输入相关。这与您的问题没有直接关系，但很高兴知道有时您的问题并不是唯一一个看到问题的人。如果您在浏览器的开发工具中检查该元素，您将能够看到导致此问题的CSS规则。您可能还有其他CSS规则覆盖引导属性。我只有引导定义的规则。Mac上的Chrome在呈现输入方面存在一些问题事实上，我这里的问题与Chrome Mac输入相关。这与你的问题没有直接关系，但很高兴知道有时你不是唯一一个看到东西的人。我确实（突然）遇到了问题。这对我来说是正确的解决方案。有时你会错过一些小东西。：-）这是在bootstrap:）的“getting started”文档中解释的基本模板，并且是针对我遇到的html5确切（突然）问题的正确声明。这对我来说是正确的解决方案。有时你会错过一些小东西。：-）它是bootstrap:）中“入门”文档中解释的基本模板，是html5的正确声明