ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップにはどのようなコンポーネントがありますか?

ブートストラップにはどのようなコンポーネントがありますか?

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼オリジナル
2019-07-16 17:06:244053ブラウズ

ブートストラップにはどのようなコンポーネントがありますか?

#1. 背景の紹介

ブートストラップとは何ですか? Bootstrap は、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンド フレームワークです。ブートストラップは HTML、CSS、および JAVASCRIPT に基づいています。これは、Twitter の Mark Otto と Jacob Thornton によって 2011 年 8 月に GitHub でリリースされたオープンソース製品です。

2. ナレッジ分析

Bootstrap パッケージのコンテンツの基本構造:

Bootstrap は、グリッド システム、リンク スタイル、および背景を提供します。 . 基本構造。

CSS: Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッド システムの機能が付属しています。

コンポーネント: Bootstrap には、画像、ドロップダウン メニュー、ナビゲーション、アラート ボックス、ポップアップ ボックスなどを作成するための再利用可能なコンポーネントが十数個含まれています。

JavaScript プラグイン: Bootstrap には、12 を超えるカスタム jQuery プラグインが含まれています。すべてのプラグインを直接含めることも、個別に含めることもできます。

カスタマイズ: Bootstrap コンポーネント、LESS 変数、および jQuery プラグインをカスタマイズして、独自のバージョンを取得できます。

関連する推奨事項: 「

Bootstrap 入門チュートリアル

現在一般的に使用されている BOOTSTRAP コンポーネント:

(1) カルーセル チャート

(2) ドロップダウン メニュー

(3) レスポンシブ ナビゲーション バー

3. よくある質問

使用する理由ブートストラップ?

4. 解決策

モバイル ファースト: Bootstrap 3 以降、フレームワークにはライブラリ全体にモバイル ファースト スタイルが含まれています。

ブラウザのサポート: すべての主要なブラウザはブートストラップをサポートしています。

始めるのが簡単: HTML と CSS の基本的な知識があれば、Bootstrap の学習を始めることができます。

レスポンシブ デザイン: Bootstrap のレスポンシブ CSS は、デスクトップ、タブレット、携帯電話に適応できます。

開発者がインターフェイスを作成するための簡潔で統合されたソリューションを提供します。

これには強力な組み込みコンポーネントが含まれており、カスタマイズが簡単で、Web ベースのカスタマイズも可能であり、オープン ソースです。

以上がブートストラップにはどのようなコンポーネントがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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