ブートストラップは何に使用されますか?

Bootstrap は、Twitter がフロントエンド開発のために立ち上げたオープンソース ツールキットです。これは Twitter デザイナーの Mark Otto と Jacob Thornton によって開発された CSS/HTML フレームワークです。

は Web ページを作成するためのフレームワーク (現在最も人気のある WEB フロントエンド フレームワーク) です。つまり、HTML タグを記述してそのクラスを呼び出すだけで、ハイエンドな Web ページをすぐに作成できます。互換性の問題については、ご心配なく、多くのスタイルからお選びいただけます。

たとえば、Web サイトのナビゲーションを作成する必要がありますよね? 自分で作成すると多くのコードを記述する必要がありますが、ブートストラップ フレームワークを使用して作成すると、次のコードを記述するだけで済みます。 HTML タグを指定してクラス名を呼び出します。

ブートストラップの用途

機能:

ブートストラップが提供するスタイルとコンポーネントを使用して、Web サイトをすばやく作成できます

いくつかの定義されたクラス、つまりクラス名を参照するだけで、非常に美しいスタイルの Web ページを作成できます。また、自己適応をサポートする、非常に優れたフレームワークです。

簡単に言うと:

は、Web サイトのフロント ページを迅速に構築するためのオープン ソース プロジェクト (Jquery ベース) です。関連するクラス、タグ名などの意味を理解するだけで、ページを構築するときにブートストラップの JS、CSS などをインポートすると、対応する効果が表示されます。 HTML の説明 : 略語。マウスを略語や略語の上に置くと、完全な内容が表示されます。ブートストラップは、HTML 要素の拡張スタイルを実装します。 abbreviation 要素は title 属性を持ち、薄い点線の枠として表示され、マウスをその上に移動すると「?」の付いたポインタに変わります。

上記の効果を得るために段落テキスト内の特定の単語または語句が必要な場合は、その形式で記述するだけで済みます。追加の class="initialism" によりフォント サイズが小さくなります。その必要はありません。一方、ブートストラップや他の同様のフレームワークを試さない場合は、そのようなエフェクトを自分で作成する必要があり、開発に長い時間がかかります。もう 1 つの例は、Jquery の easyui です。これは同様です。

ブートストラップ ファイル パッケージの簡単な紹介

ファイル名:

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

説明:

bootstrap.css は完全なブートストラップ スタイル シートです。圧縮されていないため、開発中のデバッグに使用できます。

bootstrap.min.css は圧縮されたブートストラップ スタイル シートです。内容は bootstrap.css とまったく同じです。ただし、途中の不要なスペースなどは削除されているため、bootstrap.cssよりもファイルサイズが小さくなり、Webサイト展開時に参照できるようになります。このファイルを参照すればbootstrap.cssを参照する必要はありません

bootstrap-sensitive.css これは、レスポンシブ レイアウトをブートストラップ フレームワークに適用した後に必要な CSS スタイル シートです。Web サイト プロジェクトがレスポンシブ デザイン用に準備されていない場合は、この CSS を参照する必要はありません。

bootstrap-sensitive.min.css は bootstrap.min.css と同じ機能を持ち、bootstrap-sensitive.css の圧縮版です。

bootstrap.js これはブートストラップの魂ですこれは、ブートストラップのすべての js 命令のコレクションです。ブートストラップのすべての js 効果がこのファイルによって制御されていることがわかります。このファイルは、開発中のデバッグ用の非圧縮バージョンでもあります。

bootstrap.min.js はbootstrap.js の圧縮バージョン。内容は bootstrap.js と同じですが、ファイル サイズが大幅に小さくなります。Web サイトをデプロイするときに、bootstrap.js の代わりにこのファイルを参照できます~~

関連する推奨事項: 「

ブートストラップ チュートリアル

」

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