ブートストラップは便利ですか?

Bootstrap について詳しく知りたい場合は、次をクリックしてください: Bootstrap チュートリアル

Bootstrap は、Twitter によって開始されたフロントエンド開発用のオープンソース ツールキットであり、CSS/HTML フレームワークです。 Twitter デザイナーの Mark Otto と Jacob Thornton によって開発されました。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。

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

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

機能:

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

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

=========================================== == =================================
簡単に言えば、これはオープンソース プロジェクトです。 Web サイトのフロント ページをすばやく作成します (Jquery に基づいて)。関連するクラス、タグ名などの意味を理解するだけで、ページを構築するときにブートストラップの JS、CSS などをインポートすると、対応する効果が表示されます。
たとえば、HTML の記述: abbreviation ; マウスを略語や略語の上に置くと、完全なコンテンツが表示されます。Bootstrap は、HTML 要素の拡張スタイルを実装します。 abbreviation 要素は title 属性を持ち、薄い点線の枠として表示され、マウスをその上に移動すると「?」の付いたポインタに変わります。上記の効果を得るために段落テキスト内の特定の単語またはフレーズが必要な場合は、その形式で記述するだけで済みますが、class="initialism" を追加するとフォント サイズが小さくなりますが、その必要はありません。一方、ブートストラップや他の同様のフレームワークを試さない場合は、そのようなエフェクトを自分で作成する必要があり、開発に長い時間がかかります。もう 1 つの例は、Jquery の easyui です。これは同様です。

bootstrap の長所と短所

利点: 1. Bootstrap は改善されています。Bootstrap 4 は最近リリースされ、 box - 最新の Web テクノロジーの開発に対応するための Flex レイアウトおよびその他のアップデート。

2. 比較的成熟しており、多数のプロジェクトで完全に使用され、テストされています。

3. 完全なドキュメントがあり、より使いやすくなっています。

4. 多数のコンポーネント スタイルがあり、カスタマイズできます。

欠点: 1. 独自の特別なニーズがある場合は、スタイルを再カスタマイズする必要があるため、冗長なコードが生成され、開く時間がさらに長くなります。ユーザーエクスペリエンスは良くありません。

2. 互換性の問題が発生します インターネット上では IE と互換性を保つための方法はたくさんありますが (IE6、7、8、9、10 はほぼ排除されていますが、中国では依然として多くの人が IE を使用しています)ただし、互換性を実現するには、他のファイルを導入する必要があります。一部のファイルは十分に小さくないため、必然的に読み込み速度が遅くなり、ユーザー エクスペリエンスに影響を与えます。

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