输入的高度非常小

时间:2012-12-08 21:52:12

标签: html css twitter-bootstrap

之前我曾多次使用过bootstrap,但现在在我的GAE项目中我遇到了一个问题 - 输入元素的高度非常小。例如,按钮就可以了:

enter image description here

HTML code:

<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 -->

开发工具的屏幕截图:

enter image description here

编辑2:删除高度:来自bootstrap的20px规则,现在没关系。但为什么会在那里?

Bootstrap版本是2.2.1。屏幕截图是在Chrome 23.0.1271.95,Mac OS X 10.8。

中制作的

1 个答案:

答案 0 :(得分:7)

添加

<!DOCTYPE html>

到您的文档应该解决问题。