新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Bootstrapを使ってみよう (02:05) 無料公開中
- 公式サイトの確認
- 雛形ファイルの作成
-
#02 初めてのBootstrap (01:54) 無料公開中
- Bootstrapの使い方
-
#03 要素に色をつけてみよう (01:59) 無料公開中
- 背景色の設定
- 文字色の設定
-
#04 テキストのスタイリングをしよう (02:04) 無料公開中
- 文字揃え
- 文字サイズ、スタイルの設定
-
#05 要素のサイズを変更してみよう (02:33) 無料公開中
- widthのサイズ指定
- heightのサイズ指定
-
#06 paddingやmarginを操作しよう (02:30)
- paddingの操作
- marginの操作
-
#07 公式サイトを参照してみよう (02:16)
- 公式ドキュメントの参照
- スタイリングの注意点
-
#08 ボタンを作ってみよう (01:42)
- ボタンのスタイリング設定
-
#09 グリッドレイアウトに慣れよう (02:52)
- グリッドレイアウトについて
-
#10 レスポンシブの仕組みを理解しよう (01:51)
- レスポンシブの仕組みについて
-
#11 レスポンシブレイアウトを作ろう (02:31)
- レスポンシブレイアウトの作成
-
#12 今までの知識を応用してみよう (02:57)
- 完成版の確認
- おおまかなマークアップ
- headerの作り込み
-
#13 特徴セクションを作ろう (02:57)
- 特徴セクションの作成
-
#14 特徴セクションを完成させよう (02:50)
- 特徴セクションのレスポンシブ対応
-
#15 テーブルを作ってみよう (02:59)
- テーブルの作成
-
#16 タブメニューを作っていこう (02:48)
- タブメニューのマークアップ
-
#17 タブメニューを完成させよう (02:40)
- タブメニューの実装
-
#18 フッターを作ってみよう (01:38)
- フッターの作成
-
#19 ツールチップを作ろう (02:43)
- ツールチップの実装
-
#20 ナビバーを作ってみよう (02:35)
- ナビバーの作成
-
#21 ハンバーガーメニューを作ろう (02:39)
- ハンバーガーメニューの実装
-
#22 アラートをつけてみよう (02:31)
- アラートの実装
