【改訂版】図解たっぷりBootstrap4入門
初心者でも簡単に見やすく美しいWebページ作りに便利なBootstrapの使い方を図解たっぷりに解説しています。
プレミアムサービスを見るレベル
ビギナー
14レッスン
7日間
初心者でも簡単にレスポンシブデザインをかなえることができるものがBootstrapです。「一度使ってみたけど、よくわからなかった。」「サイトが英語で使い方がわからない。」という方でもわかりやすく、すぐにBootstapを使い始めることができます。
レッスン内容
-
1
Bootstrapのサイトは英語ですが、指定のコードを組み込むだけで簡単に導入できます。
-
2
基本的なBootstrapの使い方や、考え方を解説しています。ポイントを押さえれば十分に使いこなせますよ。
-
3
Bootstrapのブレークポイントをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。
-
4
Bootstrapのレイアウト方法をたっぷりの図解つきで簡単に説明します。各パーツ別に実装方法を紹介していますので、それらを理解すれば本格的なレイアウトを実現できます。
-
5
Bootstrapのナビゲーションをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのナビゲーションを作成することができます。
-
6
Bootstrapのフォームをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのフォームを作成することができます。
-
7
Bootstrapのカルーセルをたっぷり図解つきで簡単に説明します。かんたんなコードを書くだけでよく見る画像が変わっていくトップページを作成することが出来ます
-
8
Bootstrapのタイポグラフィをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのタイポグラフィを作成することができます。
-
9
Bootstrapのボタンをたっぷりの図解つきで、できるだけ簡単に説明しました。かんたんなコードを書くだけでプロ並みのボタンを作成することができます。
-
10
Bootstrapのユーティリティをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのユーティリティを作成することができます。
-
11
Bootstrapのサイトにアイコンを加える方法をたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでアイコンが使用できるようになり、よりプロっぽい仕上がりのサイトが作成できますよ。
-
12
Bootstrapのアラートをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。
-
13
Bootstrapのモーダルをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。
-
14
Bootstrapを使って、LP(ランディングページ)を作成してみましょう。ここまで学習した内容の復習にもなる、総合実習です。
もっと見る
【改訂版】図解たっぷりBootstrap4入門を 無料で始めましょう!
無料申し込み期限
10月20日まで
募集
人数
100名 (残りわずか)