我想将 Twitter Bootstrap 与 Angular 材料结合起来。我发现引导材料设计https://github.com/FezVrasta/bootstrap-material-design https://github.com/FezVrasta/bootstrap-material-design
角形材料使用以下声明;
<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">
如果我包含所有链接会发生冲突吗?我对如何结合角度材料和引导程序感到非常困惑。
最好不要混合使用 Bootstrap 和 Angular Material,因为 Bootstrap 的网格系统(从版本 3~ 开始)基于 CSS 显示表,而 Angular Material 使用显示 Flex。所以正如本中所建议的answer https://stackoverflow.com/a/29326397/2333214您可能会遇到 CSS 冲突,并且您的应用程序大小将会增加。
如果您需要更好的浏览器支持并且您正在使用 Bootstrap,我已经写过角度引导材料 https://github.com/tilwinjoy/angular-bootstrap-material这是 AngularJS 版本Bootstrap 材质设计主题 http://fezvrasta.github.io/bootstrap-material-design/。它消除了对 jQuery 和 bootstrap 的 JavaScript 的依赖,并支持使用表单验证ng-messages
.
您可以通过 Bower 安装bower install abm
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)