[解決済み] 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 にはブートストラップオプションも含まれているので、これ以上簡単なことはありません。
関連
-
[解決済み] Bootstrapのモーダルが表示されない
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Bootstrap 4のVertical Align Center [重複]について
-
[解決済み] Twitter Bootstrapのタブ:ページの再読み込みやハイパーリンクで特定のタブに移動する
-
[解決済み】Twitter Bootstrapのツールチップを動的に作成された要素に結合するにはどうすればよいですか?
-
[解決済み] Twitter Bootstrap でテーブルのテキストを中央揃えにする
-
[解決済み] Bootstrap 3 - なぜ行クラスはコンテナよりも幅が広いのですか?
-
[解決済み] bootstrap 3 で検索ボックスの 'x' を消すにはどうしたらいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】TwitterのBootstrapを使ってインラインでリストを表示する方法
-
[解決済み] BootstrapはCDNから使うべきか、それとも自分のサーバーにコピーを作るべきか?
-
[解決済み] Bootstrap 3 のスタックドタブ
-
[解決済み] Twitter Bootstrapのホストバージョンはありますか?[クローズド]
-
[解決済み] Bootstrap 3.0 - 固定カラムサイズを含む流動的なグリッド
-
[解決済み] Bootstrap 3 - なぜ行クラスはコンテナよりも幅が広いのですか?
-
[解決済み] Bootstrapでテーブルの上にカーソルを置くと、カーソルの色を変更するにはどうすればよいですか?
-
[解決済み] Twitter Bootstrapの名前空間を利用してスタイルが衝突しないようにする方法
-
[解決済み] Bootstrap4依存のPopperJsがAngularでエラーを起こす
-
[解決済み] Twitter Bootstrapの<hr>タグが正しく機能しない?