Комбиниране на ъглови материали с twitter bootstrap без конфликти - angularjs, twitter-bootstrap, twitter-bootstrap-3, ъглови материали, bootstrap-материал-дизайн

Бих искал да комбинирам twitter bootstrap заедно с ъгловия материал. Намерих дизайна на материали за ботушите 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.

Отговори:

По-добре е да не се смесват Bootstrap и ъгловаМатериалът, тъй като мрежата на bootstrap (от версия 3 ~) е базирана на CSS дисплей таблица и ъгловият материал използва дисплей flex.Така както се предлага в това отговор вероятно ще получите конфликти в CSS и размерът на приложението Ви ще се увеличи.

Ако имате нужда от по-добра поддръжка от браузъра и използвате Bootstrap, написах го Ъглов материал за захващане който е версията на AngularJS Тема на дизайна на материал за bootstrap, Тя елиминира зависимостта от jQuery и JavaScript на bootstrap и поддържа потвърждаване на формуляра с помощта на ng-messages.

Можете да инсталирате от барабан чрез bower install abm.