「増補改訂版Bootstrap4入門」公開サイトタレント詳細画面【Udemyで学習】

このレクチャーでは、一般公開するタレント詳細画面のHTMLを紹介します。

18行目から48行目では、ナビゲーションバーを定義しています。前のレクチャーで紹介したタレント一覧画面のナビゲーションバーと一緒の内容ですので、ここでの説明は割愛します。

51行目から87行目で、ジャンボトロンを定義しています。

ジャンボトロンは、グリッドシステムによって１行を左右に分割しています。グリッドシステムの12列のうち6列を使用した左の列に芸名などの文字列を表示し、同じく6列で右の列にカルーセルによるタレント画像を表示しています。左の列は53行目から59行目、右の列は60行目から85行目です。

91行目から110行目では、定義リスト（dl要素）を使用し、タレントのプロフィールを表示しています。ここでもグリッドシステムを使用しています。12列を3列9列に分割し、左にタイトル、右に説明を表示しています。

114行目から118行目では、フッターを定義しています。

以上で公開サイトのタレント詳細画面の説明を終わります。次のレクチャーでは管理サイトの一覧画面の説明をします。

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