次のセクション: 如何下载Bootstrap?官网和GitHub14270 回再生

5 秒后自动播放下一节
  もう一度見る

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

導入 >
コースウェア
章1ブートストラップの初体験

Bootstrap とは何ですか?何ができるのですか?

02分49秒

Bootstrap をダウンロードするには? 公式 Web サイトと GitHub

05分58秒

ファイルインポートと基本テンプレート: ローカルインポート/CDNインポート

07分03秒

グリッド レイアウトの原理: グリッドからしきい値まで

05分19秒

グリッド レイアウトの実装プロセス: コンテナーを列に分割する

12分32秒

フロントエンド コード アーティファクト Emmet プラグインの使用に関するヒント

20分00秒
章2よく使用されるタイポグラフィ要素

タイトルとページ本文: h1~h6 とグローバル設定

03分37秒

インラインテキスト処理: タグ/引用符/リストなど。

09分44秒

ページ内のコードテキストの処理: 埋め込み/キーボード/変数/出力

05分23秒

よく使用されるテーブル スタイルの紹介: ユニバーサル/インターレース カラー/レスポンシブなど。

07分08秒

基本形【縦形】:最も一般的な形

06分06秒

インラインフォーム: スペースを増やすために、すべての要素が同じ行に表示されます。

04分46秒

横型フォーム: ラベルとコントロールは同じ行に横方向に表示され、レスポンシブ デザインです。

06分24秒

ボタン: ブートストラップの事前定義された美しいスタイル

04分20秒

画像: 応答性と形状スタイル

05分01秒
章3共通コンポーネント

フォントアイコンの使い方のヒント:歪みのない無限拡大

07分09秒

ドロップダウン メニュー: ボタンとリストの完璧な組み合わせ

04分49秒

ボタン群の種類とデザイン手法 ~団結すれば強みがある~

03分19秒

ボタンのドロップダウン メニュー: ナビゲーションの基礎

03分30秒

入力ボックスグループ: テキストボックスを他の要素と統合する

04分16秒

ナビゲーション コンポーネントの基本的な知識: タブとカプセル スタイル

03分40秒

パス ナビゲーション: 「ブレッドクラム ナビゲーション」とも呼ばれます。

01分27秒

ページネーションコンポーネント: クラシックスタイルとページめくりスタイル

01分54秒

目を引くラベルを要素に追加する

02分24秒

要素にバッジを付けて身長を高く見せる

02分07秒

ジャイアントスクリーン:ページ上に巨大な広告を制作

04分09秒

見慣れたヘッダー要素と馴染みのないヘッダー要素

02分03秒

サムネイルコンポーネント:一緒に島国動画サイトを作りましょう

04分56秒

警告ボックス: ポップアップ ウィンドウは非常に新鮮で洗練されたものであることが判明しました

03分25秒
章4[オプション] 一般的に使用される JavaScript プラグイン

モーダルボックスの例

06分56秒
  • キャンセル返事送信
  • キャンセルノートの配布送信