ホームページ >ウェブフロントエンド >ブートストラップのチュートリアル >ブートストラップは何で構成されていますか?

ブートストラップは何で構成されていますか?

下次还敢
下次还敢オリジナル
2024-04-05 01:09:191426ブラウズ

Bootstrap フレームワークは次のコンポーネントで構成されています。 CSS プリプロセッサ: SASS および LESS レスポンシブ レイアウト システム: グリッド システムおよびレスポンシブ ユーティリティ クラス コンポーネント: UI 要素および JavaScript プラグイン テーマとテンプレート: 既製のスタイルおよびプレ- 構築されたページ ツールとユーティリティ: アイコン セット、jQuery、Grunt

ブートストラップは何で構成されていますか?

Bootstrap の構成

Bootstrap は人気のあるフロントです-end フレームワークには、次の主要コンポーネントが含まれています。

CSS プリプロセッサ:

  • SASS: ネストされたルールや変数などの高度な構文を使用して CSS を作成できます。
  • LESS: 変数、ネスト、操作を使用できる CSS のような構文を使用して CSS を作成します。

レスポンシブ レイアウト システム:

  • グリッド システム: グリッド ベースのレイアウト システムを使用してレスポンシブ Web レイアウトを作成します。
  • レスポンシブ ユーティリティ クラス: さまざまなデバイス上で要素がどのように表示されるかを制御するためのユーティリティ クラスを提供します。

コンポーネント:

  • UI コンポーネント: ボタン、フォーム、ナビゲーション バー、モーダル ボックス、その他の UI 要素が含まれます。
  • JavaScript プラグイン: モーダル、ツールヒント、スクロール バーなどのコンポーネントに対話性を提供します。

テーマとテンプレート:

  • テーマ: Bootstrap プロジェクトに適用できる既製のスタイルを提供します。
  • テンプレート: 新しいプロジェクトの開始点として使用できる、事前に構築されたページとコンポーネントのセットを提供します。

ツールとユーティリティ:

  • Glyphicons フォント アイコン セット: Bootstrap プロジェクトで使用できるアイコンのセットを提供します。
  • jQuery: ブートストラップが対話性を提供するために依存する JavaScript のライブラリ。
  • Grunt: ビルド プロセスを自動化するためのタスク ランナー。

以上がブートストラップは何で構成されていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。