「増補改訂版Bootstrap4入門」「第4章 Bootstrap4のコンポーネント」について【Udemyで学習】

このセクションのレクチャーの流れについてお話しします。

このセクションは、「Bootstrap4のコンポーネント」について16のレクチャーで解説します。

まず、最初のレクチャーで「アラート」についてお話しします。メッセージ表示に最適なコンポーネントを紹介します。

次は「バッジ」についてお話しします。バッジはテキストの隣に小さな数字や文字をつけるコンポーネントです。

「ボタン」では、様々な種類のボタンを説明します。

次は「カード」です。文字や画像をカード形式にまとめて表示できるコンポーネントです。

次は「カルーセル」です。画像やスライドを循環させるコンポーネントを紹介します。

次のレクチャーでは「ドロップダウン」についてお話しします。ボタンをクリックすることで表示されるプルダウンメニューの作り方を説明します。

フォームはいくつかに分けて説明します。最初は「フォーム（概要）」です。まずは全体像とinput要素、select要素、textarea要素の記載方法を紹介します。

次は「フォーム（チェックボックスとラジオボタン）」です。縦に並べる方法や横に並べる方法などを説明します。

「フォーム（ヘルプテキスト）」は、入力ボックスに注意書きを表示するコンポーネントです。

次の「フォーム（トグルスイッチ）」では、オンとオフで色が変わるスイッチを紹介します。

次のレクチャーでは「ジャンボトロン」について説明します。タイトルや画像を目立つように表示するコンポーネントです。

「メディアオブジェクト」はTwitterやブログのコメントのような左に画像、右に文章を配置するコンポーネントです。

次は「モーダル」で、モーダル・ダイアログの説明をします。

「ナビゲーション」はナビゲーションバーの基本を学んだあと、サイト上部などに配置される「ナビゲーションバー」を説明します。

そして、最後のレクチャーで、ページ送り機能である「ページネーション」についてお話しします。

なお、このセクションのレクチャーの内容は、講師がよく使用する機能をいくつか厳選して作成しています。説明した内容以上の機能について確認したい方は、「コース参考資料」のレクチャーのリソースに登録した「レクチャー・公式ホームページ対応表」のURLで参照願います。

それでは「第4章 Bootstrap4のコンポーネント」を始めます。一緒に学んでいきましょう。

★★★ 続きはUdemyで ★★★
https://www.udemy.com/bootstrap4_for_developer_2
★★★ コース内でお逢いできることを楽しみにしています。 ★★★