Twitter bootstrap 引导输入框高度已缩小

Twitter bootstrap 引导输入框高度已缩小,twitter-bootstrap,Twitter Bootstrap,在我的网站上,我使用的是引导框,但是线的高度似乎变小了,我一辈子都不知道为什么 我没有修改任何引导CSS,只有我自己的,但我不认为这是干扰 我使用的代码是: <div class="pull-left"> <h3>Search for devices</h3> <p>Use the search form below to search for your device.</p> <div class="input-append"&

在我的网站上,我使用的是引导框,但是线的高度似乎变小了,我一辈子都不知道为什么

我没有修改任何引导CSS,只有我自己的,但我不认为这是干扰

我使用的代码是:

<div class="pull-left">
<h3>Search for devices</h3>
<p>Use the search form below to search for your device.</p>
<div class="input-append">
  <input class="span2" id="appendedInputButtons" type="text">
  <button class="btn" type="button">Search</button>
</div>
</div>

搜索设备
使用下面的搜索表单搜索您的设备

搜寻
现场示例如下:

有人有什么建议吗?

我的浏览器(Chrome)正在您的输入中应用规则
框大小:边框框。要解决您的问题,您应该在CSS中添加以下内容:

input[type="text"] {
  box-sizing: content-box;
}

此外,您的问题似乎与此问题中描述的相同:。您可以解决将
放在文档上方的问题。

浏览器处于怪癖模式,因为您没有指定页面的doctype。

指定输入框高度。。。。。高度:30px;高度来自Bootstrap(unminified Bootstrap.css的第1097行),但我不知道为什么要指定这个高度。