我想将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">
如果我包含所有链接会有冲突吗？关于如何组合角度材料和自举,我很困惑.
最好不要混合使用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从凉亭安装.
