6

twitter ブートストラップと角度のある素材を組み合わせたいと思います。ブートストラップ マテリアル デザインを見つけましたhttps://github.com/FezVrasta/bootstrap-material-design

Angular マテリアルは次の宣言を使用します。

<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-animate/angular-animate.min.js"></script>
<script src="../bower_components/angular-aria/angular-aria.min.js"></script>
<script src="../bower_components/angular-material/angular-material.min.js"></script>

ブートストラップ マテリアルの場合、ドキュメント内の宣言は次のようになります。

  <!-- Material Design fonts -->
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">

  <!-- Bootstrap -->
  <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

  <!-- Bootstrap Material Design -->
  <link rel="stylesheet" type="text/css" href="dist/css/bootstrap-material-design.css">
  <link rel="stylesheet" type="text/css" href="dist/css/ripples.min.css">

すべてのリンクを含めると競合が発生しますか? 角度のある素材とブートストラップを組み合わせる方法について、私はかなり混乱しています。

4

1 に答える 1

7

ブートストラップのグリッド システム (バージョン 3~) は CSS ディスプレイ テーブルに基づいており、Angular マテリアルはディスプレイ フレックスを使用しているため、Bootstrap と Angular マテリアルを混在させない方がよいでしょう。したがって、この回答で示唆されているように、CSS の競合が発生する可能性が高く、アプリケーションのサイズが大きくなります。

より良いブラウザー サポートが必要で、Bootstrap を使用している場合は 、 Bootstrap マテリアル デザイン テーマの AngularJS バージョンであるAngular Bootstrap Materialを作成しました。jQuery とブートストラップの JavaScript への依存を排除​​し、.NET を使用したフォーム検証をサポートします。ng-messages

経由で bower からインストールできますbower install abm。

于 2016-05-11T13:53:01.027 に答える