css - Bootstrap: メール フィールドの高さがテキスト フィールドよりも小さい

Question

テキストと電子メールの両方のフィールドを持つフォームがあります。Bootstrap は一貫して、テキストまたはパスワード フィールドよりも小さい高さで電子メール フィールドをレンダリングします。これを修正する方法はありますか？Railsタグの「text_field」と「email_field」を使用してフォームを生成しています。

Answer 1

font-sizecssプロパティを使用して、各フィールドの div のフォント サイズを明示的に設定してみてください。

例 (css ファイル内):

div.email_field {
    font-size: 16px;
}
div.text_field {
    font-size: 12px;
}