输入的高度非常小 [英] Inputs have very small height
本文介绍了输入的高度非常小的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我之前使用过bootstrap，但现在在我的GAE项目中，我遇到了一个问题 - 输入元素的高度非常小。例如，按钮正常：
HTML代码：
< div class = 容器 >
< div class =row>
< div class =span6 pull-right>
< div class =well well-small>
< form>
< input id =lengthclass =input-smallname =lengthtype =textvalue =8>
< br />
< input type =numbervalue =8>
< br />
< input type =submitclass =btn btn-successvalue =Generate>
<！ - etc - >
开发工具的屏幕截图：
< img src =https://i.stack.imgur.com/n7QJ8.pngalt =在这里输入图片描述>
编辑2：删除高度：自举的20px规则，现在没关系。但为什么它在那里？
Bootstrap版本是2.2.1。屏幕截图是在Chrome 23.0.1271.95，Mac OS X 10.8中制作的。
解决方案
添加
<！DOCTYPE html>
到您的文档可以解决问题。
I used bootstrap a lot of times before, but now in my GAE project I have a problem — the input elements have really small height. Buttons, for example, are OK:
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 -->
Screenshot from dev tools:
Edit 2: Removed height:20px rule from bootstrap, now it's OK. But why it was there?
Bootstrap version is 2.2.1. Screenshot was made in Chrome 23.0.1271.95, Mac OS X 10.8.
解决方案
Add
<!DOCTYPE html>
to your document should fix the problem.
这篇关于输入的高度非常小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
