Bootstrap5の基本を習得しよう

-

プレミアム

レクチャー一覧

• Bootstrap5の基本を習得しよう
• 1. イントロダクション-Bootstrap5の基本を習得しよう
  フロントエンド開発を効率よく行うためのフレームワークである、Bootstrap について学習します。
  • Bootstrapとは
  • 主な学習内容について
  • Bootstrap Icons の使い方について

• 2. Bootstrapとは
  Bootstrap とは何かについて学習します。
  • Bootstrap の利用料金について
  • Bootstrap の対応ブラウザについて
  • Bootstrap のテーマについて

• 3. はじめてのBootstrap
  Bootstrap の導入方法について学習します。
  • Bootstrapの導入方法、ファイルの下準備について
  • Bootstrap の読み込みについて

• 4. はじめてのBootstrap-ボタン
  Bootstrap のボタンについて学習します。
  • Bootstrap のベーシックなボタンについて
  • Bootstrap のボタンのサイズ指定について
  • Bootstrap のボタンの無効化について

• 5. はじめてのBootstrap-ナビゲーション①
  Bootstrap のナビゲーションバー、navbar ナビバーについて学習します。
  • ナビゲーションの概要について
  • グローバルナビゲーションの作り方について

• 6. はじめてのBootstrap-ナビゲーション②
  Bootstrap のナビゲーションのカスタマイズ・ハンバーガーメニューの使い方について学習します。
  • 表示しているページのスタイルを変えたい時
  • ハンバーガーメニューについて
  • ナビゲーションバーの色の変更について

• 7. はじめてのBootstrap-グリッドシステム①
  Bootstrap のグリッドシステムについて学習します。
  • グリッドシステムとは
  • 最小構成のグリッドシステムのコーディングを体験

• 8. はじめてのBootstrap-グリッドシステム②
  Bootstrap のグリッド数の指定について学習します。
  • Bootstrapのグリッドシステムのポイント
  • 列の幅の指定について

• 9. はじめてのBootstrap-グリッドシステム③
  Bootstrap のカラムの組み合わせ方について学習します。
  • カラムの組み合わせ方について
  • col-3 , col-4, col-6, col-12 について
  • 12を超えて指定するとどうなるか？

• 10. はじめてのBootstrap-グリッドシステム④
  Bootstrap のグリッドオプションについて学習します。
  • グリッドオプション 5つのサイズの違いについて
  • グリッドオプションのレイアウトの指定方法について

• 11. はじめてのBootstrap-グリッドシステム⑤
  Bootstrap のグリッド・オプションの複数設定、グリッドのネストについて学習します。
  • グリッド・オプションの複数設定について
  • グリッドのネストについて

• 12. はじめてのBootstrap-ジャンボトロン・フォーム