ブートストラップ（4）をアンギュラマテリアル（2）と一体化できますか？

Question

私はAngular Material 2ライブラリを使用したいと思います。しかし、私はブートストラップに慣れています。それは、応答性の高いユーティリティや典型的なものの軽量UIのようなものです。ブートストラップでは、CSSの部分をほとんど意味するので、JS機能はほとんど必要ありません。

たとえば、材料lilbraryでは、リストストラップには実質的にゼロスタイリングがありますが、ブートストラップはそのCSSでそれを示しています。

これらを組み合わせることは良い考えではありません。主な理由は、グローバルなアプリ全体のスタイルが衝突するからです。私はそのソースを見つけることができず、私は骨董品です - それは現バージョンでは当てはまりますか？もしそうなら、正確に何が矛盾していて、どのように回避することができますか？あなたはその中で多くの空想nice to haveの機能を期待するべきではありませんので

Answer 1

Angular Material 2はまだ活発に開発中の新しいライブラリで、まだ、しかし長期的にあなたが角度のアプリでMaterial 2を使用してメリットがたくさんあります。ここではいくつかの概要は次のとおりです。Material 2の中核であり、また、開発者が自分のサードパーティのコンポーネントを作成するのに最適な地面を与える@angular/cdkを導入し、最後のリリースMaterial 2チームで

コンポーネント開発キット

。まだ@angular/cdkには多くのドキュメントはありませんが、その問題を更新するにはhttps://github.com/angular/material2/issues/2789の問題を追跡できます。

応答goddies

あなたに応答goddiesを与えるMaterial 2には組み込みの機能はありません。あなたは@angular/flex-layoutというものを使用しなければなりません。Material 2とは全く別物です - 基本的にはFlexbox CSSの上にある素敵な抽象です。これを使用すると、応答の多いCSSのmediaQueriesをたくさん書く必要はありません。 IE11 +
Bootstrap 4 IE10 +
Bootstrap 3 IE8 +

ブートストラップ+材質：

ブラウザは

Material 2

をサポートしていますか？

2つの重いフロントエンドフレームワークを参照しているバンドルの合計サイズについて考えると、両方のフレームワークをアプリケーションに組み合わせたい理由はありません。また、その場合、同じプロジェクトで両方を使用して発生する可能性のある競合に注意する必要があります。

Answer 2

Kuncevicの答えが正しいですが、私たちはまた、以下を追加すべきだと思う：

• 角度材質は、暗黙的にブートストラップがないときにDOM要素
  をダウングレード/アップグレードされます。つまり、ブートストラップでは、
  が表示され、角材では一部の要素が自動的にレンダリングされます。 だから、私は実際にあなたがしたい場合でも、2つを組み合わせることができる方法を参照することはできません 。さらに、Angularのview encapsulationを追加すると、 がさらに複雑になります。
• 私は協力の余地がある部分だけがグリッドにあります。
  は、グリッドにはブートストラップを使用し、その他の部分には角度素材を使用できますが、Angular Flex レイアウト（Kunsevicは既に言及した通りです）では、実際には必要ありません。 小さな学習曲線がありますが、それは価値があります。 角を使用してください。
• ブートストラップのCSSは、角度材料のCSSと競合します。 を一緒に使用すると、 浮動ボタン内のアイコンのような特定の要素が正しく配置されていないことに気がつきました。これは 難しい修正ではありませんが、Angular Flexを使用することができます。

希望するものがあります。