
Bootstrap5の基本を習得しよう
-
プレミアム
合計時間:00:55:08
学習内容
-
レクチャー一覧
- Bootstrap5の基本を習得しよう
-
1. イントロダクション-Bootstrap5の基本を習得しよう2分フロントエンド開発を効率よく行うためのフレームワークである、Bootstrap について学習します。
- Bootstrapとは
- 主な学習内容について
- Bootstrap Icons の使い方について
-
2. Bootstrapとは6分Bootstrap とは何かについて学習します。
- Bootstrap の利用料金について
- Bootstrap の対応ブラウザについて
- Bootstrap のテーマについて
-
3. はじめてのBootstrap5分Bootstrap の導入方法について学習します。
- Bootstrapの導入方法、ファイルの下準備について
- Bootstrap の読み込みについて
-
4. はじめてのBootstrap-ボタン4分Bootstrap のボタンについて学習します。
- Bootstrap のベーシックなボタンについて
- Bootstrap のボタンのサイズ指定について
- Bootstrap のボタンの無効化について
-
5. はじめてのBootstrap-ナビゲーション①5分Bootstrap のナビゲーションバー、navbar ナビバーについて学習します。
- ナビゲーションの概要について
- グローバルナビゲーションの作り方について
-
6. はじめてのBootstrap-ナビゲーション②5分Bootstrap のナビゲーションのカスタマイズ・ハンバーガーメニューの使い方について学習します。
- 表示しているページのスタイルを変えたい時
- ハンバーガーメニューについて
- ナビゲーションバーの色の変更について
-
7. はじめてのBootstrap-グリッドシステム①3分Bootstrap のグリッドシステムについて学習します。
- グリッドシステムとは
- 最小構成のグリッドシステムのコーディングを体験
-
8. はじめてのBootstrap-グリッドシステム②3分Bootstrap のグリッド数の指定について学習します。
- Bootstrapのグリッドシステムのポイント
- 列の幅の指定について
-
9. はじめてのBootstrap-グリッドシステム③5分Bootstrap のカラムの組み合わせ方について学習します。
- カラムの組み合わせ方について
- col-3 , col-4, col-6, col-12 について
- 12を超えて指定するとどうなるか?
-
10. はじめてのBootstrap-グリッドシステム④7分Bootstrap のグリッドオプションについて学習します。
- グリッドオプション 5つのサイズの違いについて
- グリッドオプションのレイアウトの指定方法について
-
11. はじめてのBootstrap-グリッドシステム⑤5分Bootstrap のグリッド・オプションの複数設定、グリッドのネストについて学習します。
- グリッド・オプションの複数設定について
- グリッドのネストについて
-
12. はじめてのBootstrap-ジャンボトロン・フォーム