デイトラ14日目完了
Bootstrapを利用してデイトラの簡易ページの作り替え。
目標時間1.5時間内。
実際は1時間10分ほどでできた。
■手こずったが解決できたこと
1.コース一覧をBootstrapのCard-decksで作ったけど、
コース一覧の背景色をしていするとイメージ下のpタグの下の余白が白のままになってしまった。いろいろやってみたが結局解決できず、14日目の講座に添付されていたツイッターの動画を見ると、コース一覧と下のお問い合わせの背景色が反転していた・・・なるほどね・・・
今は私もこれで良しとすることにした。
2.お問い合わせのメールのInputタグが幅はw-70で調整できたのに、高さが変更できなかった。ググってformタグのクラスにinput-group-lgを追加することで解決できた。
3.最後のボタンの中央揃え。
ググってbuttonタグをdivで囲み、そのdivにtext-centerクラスを当てることで解決できた。
■再確認したこと
1.GridのCOL指定で50%幅にする場合、col-md-6の指定ではなく、ただのcolだとレシポンシブサイズにしたとき横並びのままになる。
2.navの文字サイズは現在まで学習した、h1~5やdisplayでは変更できない。navの文字を元のサイトのようにしたかったのだができなかった。
ググると別途にCSS設定が必要の様。
この記事が気に入ったらサポートをしてみませんか?