ブラウザ固有のCSS表示：グリッドとブートストラップグリッドシステムの違いは？

Question

ちょうどChrome 57 release logと、バージョン57のChromeのネイティブサポートのCSSスタイル-display: gridから気付いたのは、バージョン2以降のグリッドシステムを持つブートストラップとearly of 2014のChromeチームが既にグリッドシステムを認識しているためですフラグパネルで有効にします。

私は、上記の記事を読みましたが、それは、ブートストラップ/土台のようないくつかのCSSフレームワーク上でPROSを消していないなど

だから私の好奇心は、それが本来のグリッドCSSを使用して任意の利点とは？

Answer 1

CSS Grid Layoutは現在CSSが提供できる最も強力なレイアウトシステムですが、欠点はcurrent browser supportです。

あなたの質問は意見に基づいているので、私はフレームワークを使用するときに直面していたいくつかの実際の問題をマークしようとします。フレームワークを使用するときに直面する可能

いくつかの問題：

• おそらくtechnical debtになってしまいます。
• フレームワークには、実際には使用しないCSSルールが多数存在するため、必要以上にCSSファイルが重くなります。
• のCSSルールの中には、プロパティを上書きするために必要以上に複雑なものを必要とする特定のセレクタがある場合があります。
• フレームワークの中には、非標準のHTMLコードがあり、変更すると予期しない動作が発生するものがあります。彼らは代わりに、より速く終ら物事を助ける遅くする傾向があるため

---

多くの経験豊富なフロントエンドのWeb開発者は、特別に複雑なプロジェクトに取り組んでいたときに、フレームワークを使用しないでください。

多くの記事はフレームワークの使用を推奨しませんが、他の多くの記事ではそれが推奨されます。 個人的に私はと思っています。それはあなたが取り組んでいるプロジェクトの要件によって異なります。