デイトラのロゴ

Webアプリ開発コース初級編

WEBサイトとミニアプリを作れるようになろう

DAY 12
Bootstrapの基本を学ぼう②

昨日に引き続きBootstrapの基本を学んでいきます。

今日はBootstrapを用いて 

  1. width/heightの調整
  2. padding/marginの調整
  3. Gridレイアウト
  4. ボタンの作成

にチャレンジしましょう!


TIPS

01.Bootstrapでwidth/heightを調整しよう

02.Bootstrapでpadding/marginを調整しよう

03.Bootstrapの要!Gridレイアウトを使ってみよう

Gridレイアウトはよく使うので必ず押さえておきましょう!(Bootstrapは使わないベテランコーダーでも、Gridレイアウト用のスタイルシートだけは切り出して使うというくらい重要です!)

Gridレイアウト 公式リファレンス

↑の公式を読んでもOKですが、ググり力強化のためにも、分かりやすいと思う記事を自分で探してTwitterで紹介してみてください(たくさんありますので)!

04.Bootstrapでボタンを作ってみよう