ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > ブートストラップ フレームワークの利点

ブートストラップ フレームワークの利点

angryTom
リリース: 2019-07-27 13:16:25
オリジナル
3886 人が閲覧しました

ブートストラップ フレームワークの利点

# ブートストラップについて詳しく知りたい場合は、次をクリックしてください:

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

##Bootstrap の紹介: Bootstrap は Twitter から生まれ、非常に人気のあるフロントエンド フレームワークです。 Bootstrap は HTML、CSS、JavaScript に基づいており、シンプルかつ柔軟なので、Web 開発を高速化します。これは Twitter デザイナーの Mark Otto と Jacob Thornton によって開発された CSS/HTML フレームワークです。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。 WeX5 フロントエンド オープン ソース フレームワークなど、国内のモバイル開発者に馴染みのある一部のフレームワークも、Bootstrap ソース コードに基づいてパフォーマンスが最適化されています。

ブートストラップの利点: a) 開発効率を向上させます。

b) メンテナンスを容易にする標準の名前定義。

c) プロジェクト開発プロセスを標準化する

d) CSS コードがより明確かつシンプルになります。 HTML コードの方が合理的です。

e) 大規模プロジェクトでは、ユーザーのダウンロードを減らすことができます

ブートストラップの欠点: # a)学習コストが向上します。フレームワーク全体を理解し、フレームワークのドキュメントを読む必要があります。

b) CSS フレームワークは、小規模プロジェクトなどのページでは肥大化します。おそらくフレームワークには使用しないコードがたくさんあるでしょう。

c) スキルの向上には役立たないかもしれません。フレームワークに依存しすぎると、バグのトラブルシューティングが困難になります。フレームワーク固有のバグも含みます。

d) 必要なフレームワークと開発フレームワークを選択するのは面倒です。書いてみると、どんどん融通が利かず肥大化していることに気づきました。

Bootstrap アーキテクチャ:

基本構造:

Bootstrap は、グリッド システム、リンク スタイル、バックグラウンドの基本構造を提供します。これについては、ブートストラップの基本構造セクションで詳しく説明します。

CSS:

Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッド システムの機能が付属しています。これについては、「ブートストラップ CSS」セクションで詳しく説明します。

コンポーネント:

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

JavaScript プラグイン:

Bootstrap には、12 を超えるカスタム jQuery プラグインが含まれています。すべてのプラグインを直接含めることも、個別に含めることもできます。これについては、ブートストラップ プラグインのセクションで詳しく説明します。

カスタマイズ:

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

以上がブートストラップ フレームワークの利点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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