ブートストラップとは何ですか、またその機能は何ですか

藏色散人
リリース: 2019-07-27 11:26:07
オリジナル
5916 人が閲覧しました

ブートストラップとは何ですか、またその機能は何ですか

ブートストラップとは何ですか?またその機能は何ですか?

ブートストラップは、Web サイトおよび Web アプリケーション用のツールのセットです。開発 HTML、CSS、JavaScript フレームワークなどのオープン ソース フロントエンド (いわゆる「フロントエンド」とは、エンド ユーザーに表示されるインターフェイスを指します。対応する「バックエンド」はサーバー上で実行されるコードです) フレームワーク、フォント印刷、ウィンドウ表示を提供します。 オブジェクト、ボタン、ナビゲーション、その他のさまざまなコンポーネントと Javascript 拡張機能は、動的な Web ページや Web アプリケーションの開発を容易にするように設計されています。

Bootstrap はモジュール設計を採用し、LESS スタイル シート言語を使用してさまざまなコンポーネントとツールを実装します。 bootstrap.less という名前のファイルには、これらのコンポーネントとツールが含まれており、開発者はこのファイルを変更して、プロジェクトに必要なコンポーネントを決定できます。

基本的な構成ファイルを使用して限定的なカスタマイズが可能ですが、より詳細なカスタマイズも可能です。

LESS 言語は、変数、関数、演算子、組み合わせセレクター、および Mixin (ミックスイン) と呼ばれる機能をサポートしています。

Bootstrap 2.0 以降、Bootstrap ドキュメントには「カスタム」と呼ばれる特別なオプションが含まれており、開発者は実際のニーズに応じて含まれるコンポーネントとエフェクトを選択し、コンパイルされたパッケージを生成してダウンロードできます。

グリッド システムとレスポンシブ デザインは、幅 1170 ピクセルに基づいています。さらに、開発者はベンチマークをカスタマイズすることもできます。どちらの場合も、Bootstrap には、モバイルのポートレート、モバイルのランドスケープとタブレット、PC の低解像度、および高解像度の 4 つのバリエーションが用意されており、各バリエーションではグリッド幅が自動的に調整されます。

CSS

Bootstrap は、一連の HTML コンポーネントの基本スタイルを定義し、テキスト、テーブル、フォーム要素の一連のユニークでモダンなスタイルをデザインします。

再利用可能なコンポーネント

基本的な HTML 要素に加えて、Bootstrap には、高度な機能を備えたボタン (ボタンとボタンの組み合わせなど) など、その他の一般的に使用されるインターフェイス要素も含まれています。 (ドロップダウン メニュー オプション、ナビゲーション バー、水平および垂直タブ グループ、ナビゲーション、ページングなど)、タブ、高度なタイポグラフィ、サムネイル、警告メッセージ、進行状況バーなど。

これらのコンポーネントは、CSS クラスを使用して実装されます。ページ上の特定の HTML 要素にマップする必要があります。

JavaScript コンポーネント

Bootstrap は、jQuery を通じていくつかの JavaScript コンポーネントを追加します。これらは、ダイアログ ボックス、ツールヒント、カルーセルなどの機能を提供します。さらに、入力ボックスのオートコンプリートなど、いくつかのユーザー インターフェイス要素が強化されました。

Bootstrap 2.0 は、次の JavaScript プラグインをサポートしています: Modal (モーダル ダイアログ ボックス)、Dropdown (ドロップダウン メニュー)、Scrollspy (スクロール監視)、Tab (タブ ページ)、Tooltip (ツール ヒント)、Popover (フローティング プロンプト)、アラート (警告)、ボタン (ボタン)、折りたたみ (折りたたみ)、カルーセル (カルーセル)、先行入力 (入力プロンプト)、アフィックス (追加のナビゲーション)。

推奨: "bootstrapチュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート