Question

我想将twitter bootstrap和角度材料结合起来。我找到了bootstrap材料设计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>

对于bootstrap材料，文档中的声明是这样的;

  <!-- 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">

如果我包含所有链接会有冲突吗？关于如何组合角度材料和自举，我感到很困惑。

Answer 1

最好不要混合使用Bootstrap和Angular Material，因为bootstrap的网格系统（从版本3~开始）基于CSS显示表，而Angular Material正在使用display flex。因此，正如answer中所述，您可能会遇到CSS冲突，并且您的应用程序大小会增加。

如果您需要更好的浏览器支持并且您正在使用Bootstrap，我写了Angular Bootstrap Material这是Bootstrap material design theme的AngularJS版本。它消除了对jQuery和bootstrap JavaScript的依赖，并使用ng-messages支持表单验证。

您可以通过bower install abm从凉亭安装。

将角度材料与twitter引导程序相结合，没有冲突

1 个答案: