ブートストラップとマテリアライズCSSの両方を同じプロジェクトに統合できるかどうかを自問しました（テストされていません）
両方のフレームワークは同じ目的のためであり、おそらく一部のクラス定義などで重複しているため、スタイリングオプションを拡張するために両方のフレームワークを組み合わせることは可能ですか?
質問する
42151 次
6 に答える
51
マテリアライズは Bootstrap にも単なる「ビジュアル レイヤー」にも基づいていません。両方のフレームワークを使用すると、多くの非互換性が発生するか、少なくとも多くの機能が重複する可能性があります (グリッド、メニュー、アイコンなど)。
私は個人的に、Bootstrap のテーマであるこのプロジェクトBootstrap material designを使用しており、非常にうまく機能しています。Bootstrap が必要ない場合、または必要ない場合は、最近 Google によってリリースされたMaterial Design Liteを使用することもできます。マテリアル デザイン ガイドラインに基づく軽量の CSS フレームワークです。Angular MaterialやPolymerと比較して軽いですが、Material Design ガイドラインも使用していますが、他の JavaScript フレームワーク (Angular など) の一部またはそれを必要とします。
于 2015-02-19T18:19:56.790 に答える
13
ブートストラップ Web サイトにマテリアライズを追加したところ、JC Borlagdan が言ったように、重複する部分はあるものの、うまくいきました。私はウェブサイトインスペクターを使用し（通常は右クリック>要素を検査）、ブートストラップまたはマテリアライズプロパティをオフにして、どちらが好きかを確認し、嫌いなものからスタイリングを削除します。マテリアライズとブートストラップの縮小されていないバージョンを入手してください。
于 2015-04-29T05:32:23.210 に答える
1
次のようなCSSファイルの順序を設定する必要があります
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/yourStyle.css" rel="stylesheet"/>
ブートストラップ CSS クラスまたは ID をオーバーライドして、独自の CSS スタイルを作成できるようになりました。
于 2015-04-29T05:48:55.557 に答える
1
コントロールのいくつかのプロパティが、特にタグのコンテナクラスを<div>呼び出すタグに重複しているものの、1 つの Web フォームで両方のフレームワークを既にテストした可能性があります。
グリッドについては、何らかの理由で、実際にはまだブートストラップに従います (それはわかりません)。タグの順序を並べ替えてみたので、まだブートストラップ グリッドは Web ページ/Web フォームで使用されています。<script>
于 2015-04-28T08:44:11.357 に答える
1
materialize.css から GRID を削除し、BT GRID を使用してボタンやラベルなどを使用せずにカスタム ブートストラップ パッケージをコンパイルするだけです。
BT jQuery プラグインを使用しないでください。次に、テンプレートで最初に bootstrap.min.css をコンパイルしてロードし、次に modded materialize.css と materilize.min.js をロードします。
ボタン、カード、または色のみを materialize.css から選択して統合し、template.css / style.css に挿入して、ブートストラップ スタイルを上書きするか、代替の css クラスを GRID に追加することもできます。
于 2016-03-21T10:34:38.957 に答える
0
それが可能かどうかはわかりません。Material Designは Google の新しいもので、その一部としてレスポンシブが含まれていますが、Bootstrap ライブラリはTwitterのもので、ほとんどがレスポンシブ指向のようです。
この会話をチェックしてください: http://forums.oscommerce.com/topic/407994-material-design/?hl=material
私はそれらが互いに統合されることはなく、ひどく競合すると思いますが、おそらく他の誰かがより多くの情報があります。
于 2016-03-25T11:05:54.057 に答える