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

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

青灯夜游
リリース: 2020-11-20 10:20:06
オリジナル
2789 人が閲覧しました

Bootstrap は、フロントエンド開発用のオープン ソース ツールキットであり、Web ページを作成するためのフレームワークです。提供されるスタイルとコンポーネントを使用して、Web サイトをすばやく作成できます。ユーザーは、いくつかの定義されたクラスを参照するだけで済みます。クラス名。すでに非常に美しいスタイルを持ち、適応性をサポートする Web ページを作成できます。

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

Bootstrap は、Twitter がフロントエンド開発のために立ち上げたオープンソース ツールキットです。これは Twitter デザイナーの Mark Otto と Jacob Thornton によって開発された CSS/HTML フレームワークです。 [関連する推奨事項: "bootstrap ビデオ チュートリアル "]

Bootstrap 公式 Web サイト: http://v3.bootcss.com/

Bootstrap は Web サイト ビルダーですFramework(現在最も普及しているWEBフロントエンドフレームワーク)を利用すると、HTMLタグを記述してそのクラスを呼び出すだけで、互換性の問題を気にせずにハイエンドなWebページを短時間で作成できます。たくさんのスタイルからお選びいただけます。

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

関数:

提供されるスタイルとコンポーネントを使用して、Web サイトをすばやく作成します

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

簡単に言うと、Web サイトのフロントエンド ページを迅速に構築するためのオープン ソース プロジェクト (Jquery ベース) です。関連するクラス、タグ名などの意味を理解し、ページを構築するときにブートストラップの JS、CSS などをインポートするだけで、対応する効果が表示されます。 # たとえば、HTML の説明: 略語; 略語や略語の上にマウスを置くと、完全なコンテンツが表示されます。Bootstrap は、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-owned.min.css は bootstrap.min.css と同じ機能を持ち、bootstrap-sensitive.css の圧縮バージョンです。

    bootstrap.js これはブートストラップの魂です。ブートストラップのすべての js 命令のコレクションです。ブートストラップのすべての js 効果がこのファイルによって制御されていることがわかります。このファイルは ## を使用するための非圧縮バージョンでもあります
  • #bootstrap.min.js は、開発中のデバッグ用です。bootstrap.js の圧縮バージョンです。内容は bootstrap.js と同じですが、ファイル サイズははるかに小さくなります。 Web サイトのデプロイ この時点では、bootstrap.js を参照することはできませんが、代わりにこのファイルを参照してください~~

  • プログラミング関連の知識の詳細については、次のサイトを参照してください:

    プログラミング入門
  • ! !

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

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