Сочетание углового материала с твиттером без конфликтов

Question

Сочетание углового материала с твиттером без конфликтов

5

Я хотел бы объединить twitter bootstrap вместе с материалом angular. Я нашел дизайн бутстрап-материала 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">

Будет ли конфликт, если я включу все ссылки? Я довольно смущен тем, как объединить angular материал и загрузочный файл.

T J 20 апр. 2016, в 10:54

Источник

1

При использовании angular и bootstrap предлагается перейти на angular-bootstrap angular-ui.github.io/bootstrap . Что касается совместного использования материала и начальной загрузки, отдайте предпочтение дизайну материала. Но у bootstrap есть определенные директивы, которых нет в материале. Поэтому там, где вы не можете использовать дизайн материала, используйте начальную загрузку и наоборот. Насколько я знаю, не возникает вопроса о конфликте, по крайней мере.
Sohan Shirodkar 01 май 2016, в 07:32

Теги:

twitter-bootstrap

angularjs

angular-material

twitter-bootstrap-3

bootstrap-material-design

1 ответ

Ещё вопросы

При использовании angular и bootstrap предлагается перейти на angular-bootstrap angular-ui.github.io/bootstrap . Что касается совместного использования материала и начальной загрузки, отдайте предпочтение дизайну материала. Но у bootstrap есть определенные директивы, которых нет в материале. Поэтому там, где вы не можете использовать дизайн материала, используйте начальную загрузку и наоборот. Насколько я знаю, не возникает вопроса о конфликте, по крайней мере.

T J · Accepted Answer · 2016-05-11T14-12-00.000Z

Лучше не смешивать Bootstrap и Angular Материал, потому что система начальной загрузки (начиная с версии 3 ~) основана на таблице отображения CSS и Angular Материал использует дисплей flex. Итак, как было предложено в этом , вы, вероятно, получите конфликты CSS, и размер вашего приложения будет увеличиваться.

Если вам нужна лучшая поддержка браузера, и вы используете Bootstrap, я написал Angular Bootstrap Material, который является версией AngularJS Тема дизайна материала для загрузки. Он устраняет зависимость от jQuery и загрузочного JavaScript и поддерживает проверку формы с помощью ng-messages.

Вы можете установить из беседки через bower install abm.