Как предотвратить перемещение моего div с панелью расширения - PullRequest
Новая
       11

Как предотвратить перемещение моего div с панелью расширения

0 голосов
/ 31 января 2019

Я пытаюсь сделать визуализацию, подобную этой:

Visualisation

Я использовал встроенные card и card-column s начальной загрузки,Но когда я расширяю панель, все мои <div> движутся случайным образом:

Result

Я бы хотел, чтобы другие панели расширения не двигались, когдаЯ открываю один.Вот пример: StackBlitz .

1 Ответ

0 голосов
/ 31 января 2019

Я тестировал ваш код stackblitz, и "проблема" в строке 8: 

<div class="card-columns">

Точно в названии класса 'card-columns' - это предопределенный класс, который, возможно, находится вПредопределенные классы BootStrap.

Я предлагаю удалить этот класс и использовать другую альтернативу, такую ​​как flex-layout.Или используйте html-столбцы.

Я раздвоил ваш код stackblitz и решил использовать html-столбцы: https://stackblitz.com/edit/angular-material-bootstrap-css-qmrzcm

Следующим шагом является добавление пользовательских отступов между каждым столбцом.

...