Twitterのブートストラップを数ページ使用しようとしています。http://twitter.github.com/bootstrap/のようにテキストフィールドをレンダリングするのに問題があります
私のHTMLは次のようになります
<div class="clearfix">
<label for="unit">unit</label>
<div class="input">
<input class="xlarge" id="unit" name="unit" type="text" value="" />
</div>
</div>
これは、デモページに表示される関連するCSSクラスのすべてのようです。ただし、私のテキスト入力フィールドは、入力領域が垂直方向に小さすぎるとレンダリングされるため、カーソルとテキストが入力領域の下の境界線と重なっています。これはwin7の最新のクロームです。
この動作は、Doctypeが誤って入力された場合にもトリガーされます。私の場合、<!DOCTYPE>（間違った）が修正され<!DOCTYPE HTML>、問題は解決しました。
http://twitter.github.com/bootstrap/scaffolding.html
HTML5 doctypeが必要Bootstrapは、HTML5doctypeの使用を必要とするHTML要素とCSSプロパティを利用します。プロジェクトのすべてのブートストラップページの先頭に必ず含めてください。
<!DOCTYPE html>
<html lang="en">
...
</html>
この動作は、ドキュメント<html>の最外部にタグがない場合に見られます。テンプレートを整理するプロセスを実行した後、それはそうあるべきであるように見えます。notepad++に感謝します。
同じ問題が発生しましたが、私の場合は、ファイル間でテキストのエンコードに一貫性がないことが原因でした。一部のファイルはBOM（バイト順マーク）なしでUTF-8でエンコードされましたが、他のファイルはBOMを含めてUTF-8でエンコードされました。すべてのファイルをBOMなしのUTF-8に切り替えましたが、正しく機能しました。
に置き換えるclass="x-large"：class="input-block-level"
私の場合：
-フォームに入力テキストがありました
-Firefoxで機能し、Chromeでは機能しませんでした
ブートストラップcssの行の高さをオーバーライドすることでこれを修正しました。最初は次のようでした：
line-height: inherit;
そして、cssで変更した場合（ブートストラップcssをオーバーライドします）：
line-height: normal;
機能した！
これを見て、私が何について話しているのかわからない人は、f12を押してテキストボックスに移動してください。
これで、[スタイル]タブに次のように表示されます。
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
font-height: inherit;
}
それはあなたがオーバーライドしたいものです。
すべてのおかげで、それは私を助けます。
私もこの問題に直面しています。他のユーザーが自分の旅をどのように解決するかを共有できるようにするためです。問題は次のようになります：
この問題はFirefoxで発生し、Chromeでは適切に見えます。
解決策を見つけた方法：
<!DOCTYPE html>私がこの質問に来て答えを読み始めたとき、彼らは私が信じていない問題を示唆しました、しかし私はそのページを見始めました。<!DOCTYPE html>今、私はこれが起こった理由、その背後にある理由を考えます。
次に、jspページを確認します。これは私の場合の問題です。誰かが本文の前に他のjspページを含めます。
このハイライトがお役に立てば幸いです。
私のファイルはWindows内で作成されましたが、同様の問題が発生しました。つまり、高さが小さすぎてディセンダーが切り捨てられました。私のファイルには、最初の行としていくつかのPHPがあり、その後に必要なhtmlが続きます。すべてのコメントを読んだ後、PHPの前に（2行）を上に移動し、高さを増やしました...問題は解決しました。PHPの前であっても、DOCTYPEは最初になければならないようです。