Я пытаюсь создать сетку Angular -Материальные карты, которые ведут себя как сетка Bootstrap. В идеале карты будут иметь полную ширину для малых экранов и перейти к двум столбцам при больших точках останова.
Проблема заключается в том, что A-M создает столбцы для каждой карты. Я не понял, как указать количество столбцов для каждой точки останова.
Вот основа разметки, которую я использую, которая берет макет карты из строк в столбцы в первой точке останова:
<div ng-app layout="column" layout-gt-sm="row" class="layout-sm-column layout-row">
<div flex class="flex" ng-repeat="i in [1,2,3,4,5] track by $index">
<md-card>
Там похожий вопрос на SO уже, но принятый ответ неудовлетворителен, так как он использует пользовательский CSS, а карты не являются текучей средой. Я не нашел других подобных примеров.
Я предполагаю, что я мог бы зацикливать каждую две карты с помощью Angular и создавать штабелированные наборы, но это кажется излишне громоздким. Я должен думать, что Material обеспечивает лучшее решение. Кроме того, такие решения оставляют пробелы на странице, где карты различаются по высоте. Материал кажется ориентированным на масонскую гибкую макет, и я хотел бы придерживаться этого.
Спасибо.