【デイトラ1st 13日目 2/2 感想】Bootstrapでレイアウトを作ろう後編＋Bootstrapを使ってビジネスLP制作①【30DAYSトライアル】

DAY13. Bootstrapでレイアウトを作ろう 後編＋Bootstrapを使ってビジネスLP制作① - Google ドキュメント

DAY13.Bootstrapでレイアウトを作ろう後編＋Bootstrapを使ってビジネスLP制作①

【#デイトラ 1st 13日目②】

全編英語のYouTube動画を見て、レスポンシブデザインを同時進行しながらのコーディング。動画は一応字幕表示しとくくらいで。コード見てれば大体わかります。

しかもこのコード、画像以外は商用利用OKだそうで…なるほど…なるほどですねえ…。#30DAYSトライアル pic.twitter.com/gVHwnd2kBi

— オサナイユウタ🎸🍺🖥 (@osanaiyuta) February 12, 2020

感想 

動画見る→コーディング→デザイン確認の繰り返し。

bootstrapのグリッドシステムをゴリゴリにコーディングしていきます。

こんな感じのやつ（div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xl-10"）。

レスポンシブデザインのブレイクポイントについてはこちらの記事を参考に。

Bootstrapのグリッドシステムについてまとめてみた - Qiita

▷デイトラ1st日記まとめ

▷30DAYSトライアル公式サイト

オススメ記事

プログラミングの独学は難しい？【無料スクールもあります】