Dugu Jiijian (7)_ブートストラップ ビデオ チュートリアル

• 章1 ブートストラップの初体験
• 1-1 Bootstrap とは何ですか?何ができるのですか?
• 1-2 Bootstrap をダウンロードするには? 公式 Web サイトと GitHub
• 1-3 ファイルインポートと基本テンプレート: ローカルインポート/CDNインポート
• 1-4 グリッド レイアウトの原理: グリッドからしきい値まで
• 1-5 グリッド レイアウトの実装プロセス: コンテナーを列に分割する
• 1-6 フロントエンド コード アーティファクト Emmet プラグインの使用に関するヒント
• 章2 よく使用されるタイポグラフィ要素
• 2-1 タイトルとページ本文: h1~h6 とグローバル設定
• 2-2 インラインテキスト処理: タグ/引用符/リストなど。
• 2-3 ページ内のコードテキストの処理: 埋め込み/キーボード/変数/出力
• 2-4 よく使用されるテーブル スタイルの紹介: ユニバーサル/インターレース カラー/レスポンシブなど。
• 2-5 基本形【縦形】：最も一般的な形
• 2-6 インラインフォーム: スペースを増やすために、すべての要素が同じ行に表示されます。
• 2-7 横型フォーム: ラベルとコントロールは同じ行に横方向に表示され、レスポンシブ デザインです。
• 2-8 ボタン: ブートストラップの事前定義された美しいスタイル
• 2-9 画像: 応答性と形状スタイル
• 章3 共通コンポーネント
• 3-1 フォントアイコンの使い方のヒント：歪みのない無限拡大
• 3-2 ドロップダウン メニュー: ボタンとリストの完璧な組み合わせ
• 3-3 ボタン群の種類とデザイン手法 ～団結すれば強みがある～
• 3-4 ボタンのドロップダウン メニュー: ナビゲーションの基礎
• 3-5 入力ボックスグループ: テキストボックスを他の要素と統合する
• 3-6 ナビゲーション コンポーネントの基本的な知識: タブとカプセル スタイル
• 3-7 パス ナビゲーション: 「ブレッドクラム ナビゲーション」とも呼ばれます。
• 3-8 ページネーションコンポーネント: クラシックスタイルとページめくりスタイル
• 3-9 目を引くラベルを要素に追加する
• 3-10 要素にバッジを付けて身長を高く見せる
• 3-11 ジャイアントスクリーン：ページ上に巨大な広告を制作
• 3-12 見慣れたヘッダー要素と馴染みのないヘッダー要素
• 3-13 サムネイルコンポーネント：一緒に島国動画サイトを作りましょう
• 3-14 警告ボックス: ポップアップ ウィンドウは非常に新鮮で洗練されたものであることが判明しました
• 章4 [オプション] 一般的に使用される JavaScript プラグイン
• 4-1 モーダルボックスの例