Bootstrap文本輸入錯誤高度

我遇到了引導輸入文本高度大小的問題。我使用的是標準bootstrap.css樣式和searchform駐留在導航欄裏面：Bootstrap文本輸入錯誤高度

<div class="navbar navbar-fixed-top m-header"> 
    <div class="navbar-inner m-inner"> 
     <div class="container-fluid"> 
      <div class="row-fluid"> 
       ... 

<!-- // START SEARCH BAR --> 
<div class="span6 offset4">    
    <form> 
     <div class="input-append" id="top-search"> 
     <input type="text" placeholder="Search..."> 
     <div class="btn-group"> 
      <button class="btn" tabindex="-1">Search</button> 
      <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1"> 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu"> 
      <li><label class="radio"> 
       <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 
       <i class="icon-search"></i>aaa 
      </label></li> 
      <li class="divider"></li> 
      <li><label class="radio"> 
       <input type="radio" name="optionsRadios" id="optionsRadios1" value="option2" checked> 
       <i class="icon-th"></i>bbb 
      </label></li> 
      <li><label class="radio"> 
       <input type="radio" name="optionsRadios" id="optionsRadios1" value="option3" checked> 
      <i class="icon-file"></i>ccc 
      </label></li> 
      <li><label class="radio"> 
       <input type="radio" name="optionsRadios" id="optionsRadios1" value="option4" checked> 
       <i class="icon-inbox"></i>ddd 
      </label></li> 
      <li><label class="radio"> 
       <input type="radio" name="optionsRadios" id="optionsRadios1" value="option5" checked> 
       <i class="icon-camera"></i>eee 
      </label></li> 
      </ul> 
     </div> 
     </div> 
    </form> 
</div> 
<!-- // END SEARCH BAR --> 
...

火狐：

Firefox

鉻：

Chrome

我做了一些研究也可能是因爲我使用了錯誤的文檔類型，但我遵循bootstrap指南並已設置t他HTML5文檔類型：

<!DOCTYPE HTML> 
<html lang="en"> 
    <head>

我還檢查是否使用Linux的「文件」和「更」有我的檔案裏亂碼，但這情況並非如此。

如果我覆蓋或關閉檢查元素工具中文本輸入的高度，高度顯示正確。由於在這裏提一下：https://github.com/twitter/bootstrap/issues/246#issuecomment-7295682 仍然是插入符號按鈕的大小會顯示小..

不過，我不明白爲什麼文本輸入顯示在白手起家正確自己的網站： http://twitter.github.com/bootstrap/base-css.html#forms 爲什麼他們不具有相同的問題？

來源

2013-01-12 Tristan

哦，剛剛發現bootstraps站點和我之間的區別是，我看到doctype作爲檢查元素工具中的第一行，並沒有顯示在我的..奇怪的，因爲它是在我的頭文件作爲第一線壽！ – Tristan

哇！有同樣的問題。謝謝。 –

HTML是一個非常醜陋的黑客攻擊。數以百萬計的人每天都會使用Postscript，但即使只看它，也很難調試它。 –

是的，我可以通過查看實際的源代碼來確認在HTML之前輸出了代碼，因此未設置HTML文檔類型。將它移動到正在調用的第一個文件的第一行，它現在可以工作。衛生署！

來源

2013-01-12 12:42:27 Tristan

如果解決問題，您應該接受答案。這將大大幫助未來的遊客。 – Pavlo

Bootstrap文本輸入錯誤高度

回答

相關問題