1. ホーム
  2. twitter-bootstrap

[解決済み] HTML5 BoilerplateとTwitter Bootstrap

2023-02-08 10:11:55

質問

Twitterについて、Stackで回答されている様々な質問を読みました。 ブートストラップ HTML5 ボイラープレート .

私は以下のことを知っています。

  • Bootstrap と H5BP は同等ではなく、異なる目的で使用されます。
  • Bootstrap は、フロントエンドのフレームワークであり、CSS と JS をすぐに使用できます。セレクタや要素に適切なクラスを適用するだけで、Bootstrap がすべてをやってくれます。ウェブサイトには広範なサポート文書があり、フレームワークの内部で何が提供されているか、どのように実装するかを確認することができます...
  • を使用することで、2つの力を組み合わせることができます。 初期化
  • H5BPはテンプレートです...うーんそんなもんかな...。

しかし、何 私はまだ知らない は、次のようなものです。

  • H5BP は一体何に使うのでしょうか。ウェブサイトを見ても、ソースファイルしか出てこないし、ビデオもある。 これを使う利点は何ですか、また、たとえば Bootstrap と一緒に使いたい理由は何ですか。

どのように解決するのですか?

おっしゃるとおり、これはテンプレートです。HTML5 ウェブサイトを開発するためのベスト プラクティス一式をまとめたテンプレートなのです。これを使用する必要はありませんが、使用する場合は、トップ デベロッパーが長年にわたって開発し磨き上げてきた強固な基盤の上に構築されていることに安心感を持つことができます。このプロジェクトの主要な開発者の 1 人である Paul Irish の言葉を借りると、次のようになります。

「これは、本質的に、html と css の優れたスタートテンプレートと、それが機能するフォルダ構造です。 しかし、そこには、フロントエンド開発の専門家が長年にわたって行ってきたベスト プラクティスが組み込まれています。 フロントエンド開発の専門家による長年のベストプラクティスが組み込まれています。"

私は、完全にコメント化されたバージョンの定型文をダウンロードし、そのコードに目を通すことで、その定型文に込められた思いやそれが扱うケースについて自分自身の考えを持つことをお勧めします。(また この記事 を参照してください)。これらは、あなたのプロジェクトの出発点としてそれを使いたいかどうかを決めるのに役立つはずです。

その HTML5bp initializr にはブートストラップオプションも含まれているので、これ以上簡単なことはありません。