輸入的高度非常小

我之前使用過bootstrap，但現在在我的GAE項目中，我遇到了一個問題 - 輸入元素的高度非常小。按鈕，例如，是OK：輸入的高度非常小

enter image description here

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

截圖，從開發工具：

enter image description here

編輯2：刪除高度：20px的規則bootstrap，現在沒關係。但爲什麼它在那裏？

Bootstrap版本是2.2.1。屏幕截圖是在Chrome 23.0.1271.95，Mac OS X 10.8中製作的。

來源

2012-12-08 arts777

如果您檢查瀏覽器的devtools中的該元素，您將能夠看到哪個CSS規則是造成這種情況的原因。你可能有一些其他的CSS規則可以覆蓋引導屬性。 –

我只有規則，由bootstrap定義。 – arts777

請參閱我的編輯。 – arts777

添加

<!DOCTYPE html>

到您的文檔應該可以解決問題。

來源

2013-05-05 15:52:49 TlmaK0

確實（突然）我有問題。這對我來說是正確的解決方案。有時候，這是你想念的小東西。 :-) – jmk2142

它的工作原理，但你能解釋爲什麼嗎？ –

這是基礎模板在bootstrap的「入門」文檔中解釋的http://twitter.github.io/bootstrap/getting-started.html :) – TlmaK0

輸入的高度非常小

回答

相關問題