図解たっぷりbootstrap5入門
初心者でも簡単に見やすく美しいWebページ作りに便利なBootstrapの使い方を図解たっぷりに解説しています。
無料で今すぐはじめる※ ログインする必要はありません。
レベル
ビギナー
16レッスン
0日間
初心者でも簡単にレスポンシブデザインをかなえることができるものがBootstrapです。「一度使ってみたけど、よくわからなかった。」「サイトが英語で使い方がわからない。」という方でもわかりやすく、すぐに最新版のBootstap5を使い始めることができます。
レッスン内容
-
1
Bootstrapは指定のコードを組み込むだけで簡単に導入できます。Bootstrap5の導入方法を解説します。
-
2
基本的なBootstrapの使い方や、考え方を解説しています。ポイントを押さえれば十分に使いこなせますよ。
-
3
Bootstrapのブレークポイントをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。
-
4
Bootstrapのレイアウト方法をたっぷりの図解つきで簡単に説明します。各パーツ別に実装方法を紹介していますので、それらを理解すれば本格的なレイアウトを実現できます。
-
5
Bootstrapのナビゲーションをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのナビゲーションを作成することができます。
-
6
Bootstrapのユーティリティをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのユーティリティを作成することができます。
-
7
Bootstrapでよくご質問頂く「d-flex」と「row」クラスの違い、使い分けについて解説します。
-
8
Bootstrapのフォームをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのフォームを作成することができます。
-
9
Bootstrapのボタンをたっぷりの図解つきで、できるだけ簡単に説明しました。かんたんなコードを書くだけでプロ並みのボタンを作成することができます。
-
10
Bootstrapのカルーセルをたっぷり図解つきで簡単に説明します。かんたんなコードを書くだけでよく見る画像が変わっていくトップページを作成することが出来ます
-
11
Bootstrapのタイポグラフィをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのタイポグラフィを作成することができます。
-
12
Bootstrapのサイトにアイコンを加える方法をたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでアイコンが使用できるようになり、よりプロっぽい仕上がりのサイトが作成できますよ。
-
13
Bootstrapアイコン以外にも、Web上には手軽にアイコンを表示することができるサービスがいくつもあります。今回は、そのうちの1つ「Font Awesome」の登録方法から使い方までを紹介します。
-
14
Bootstrapのアラートをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。
-
15
Bootstrapのモーダルをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。
-
16
Bootstrap5を使ったランディングページ(LP)の制作課題です。本講座のおさらいとして作ってみて下さい。
もっと見る
図解たっぷりbootstrap5入門を 無料で始めましょう!
無料申し込み期限
12月15日まで
募集
人数
100名 (残りわずか)