デイトラ14日目完了

Bootstrapを利用してデイトラの簡易ページの作り替え。

目標時間1.5時間内。
実際は1時間10分ほどでできた。

■手こずったが解決できたこと
１．コース一覧をBootstrapのCard-decksで作ったけど、
コース一覧の背景色をしていするとイメージ下のpタグの下の余白が白のままになってしまった。いろいろやってみたが結局解決できず、14日目の講座に添付されていたツイッターの動画を見ると、コース一覧と下のお問い合わせの背景色が反転していた・・・なるほどね・・・
今は私もこれで良しとすることにした。

２．お問い合わせのメールのInputタグが幅はw-70で調整できたのに、高さが変更できなかった。ググってformタグのクラスにinput-group-lgを追加することで解決できた。

３．最後のボタンの中央揃え。
ググってbuttonタグをdivで囲み、そのdivにtext-centerクラスを当てることで解決できた。

■再確認したこと
１．GridのCOL指定で50％幅にする場合、col-md-6の指定ではなく、ただのcolだとレシポンシブサイズにしたとき横並びのままになる。

２．navの文字サイズは現在まで学習した、h1~5やdisplayでは変更できない。navの文字を元のサイトのようにしたかったのだができなかった。
ググると別途にCSS設定が必要の様。