0

私はこのRubyonRailsチュートリアルに沿って進んでおり、ステップに従ってサインアップフォームのhtmlとcssを完成させた後、以下の最初の画像を取得しています。入力テキストフィールドは、チュートリアルが取得する必要があることを示している2番目の画像と比較してはるかに小さいです。誰かがこれがどのように起こり得るかを説明できますか？

ここに画像の説明を入力してください ここに画像の説明を入力してください

4

3 に答える 3

0

これは、ページが異なるブラウザで表示されているために発生する可能性があり、同じブラウザで表示されていても、フォント設定（サイズ、デフォルトのフォントファミリなど）が他のブラウザと異なる可能性があります

于 2012-08-23T22:35:01.550 に答える
0

これは、HTML5Doctypeを設定しない場合のBootstrapで発生します。<!DOCTYPE html>チュートリアルのリスト7.1のように、レイアウトの一番上にあることを確認してください。

そこで何が起こっているのですか？ここで使用されているHTML5機能はわかりませんが、Bootstrapはそれが利用可能であると想定しています。お使いのブラウザはページを5より前のHTMLとして扱っており、正しくレンダリングされません。したがって、Doctypeを追加すると、Bootstrapが期待するとおりに動作するようにブラウザに指示されます。

上部を参照してください：http ：//twitter.github.com/bootstrap/scaffolding.html

于 2012-08-23T22:57:02.677 に答える
0

Bootstrapがフォームの入力フィールドのcssを生成したことを発見しましたinput[type="something"]。これはinput、Bootstrapによって生成されたより具体的なcssルールが私のものをオーバーライドするため、cssを指定するときに使用することが機能しなかった理由を説明しています。

/* line 59, ../../../../.rvm/gems/ruby-1.9.3-p194/gems/bootstrap-sass-2.0.4.0/vendor/assets/stylesheets/bootstrap/_forms.scss */
select, textarea, input[type="text"], input[type="password"], input[type="datetime, [type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 18px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
}
于 2012-10-04T05:21:54.203 に答える