本日は問い合わせフォームのカスタマイズを行いました。
offsetを使った時の位置の修正
Bootstrapは横幅を12の枠に分けます。
左右に余白をつけたい場合、offsetを使いますが、他の設定とoffsetの設定の位置がずれてしまっていたようです。
他の設定とoffsetの関係を修正することで、位置のズレを修正しました。
確認画面などの文字サイズ
文字サイズはcssで修正します。
フォームの中の通常の文字サイズは小さめ、見出しは大きめに設定します。
#formWrap {
font-size: 12px;
font-size: 1.2rem;
}
#formWrap h3, #formWrap h4 {
font-size: 18px;
font-size: 1.8rem;
}
項目名の変更
フォームの項目名はmail.phpとindex.htmlの両方を修正します。
フォームのname属性の値は半角スペースがつかえません。
スペースはなしにするかアンダーバーに置き換えます。