Итак, идея была простая - попробовать всяческие варианты построения сетки, но это скучно. Да и первые же тесты выдали какую-то жесть.
Сетка bootstrap 4
31.03.2020
Пример "жести" (Хотя стоит отметить, что на 400px уже все хорошо!):
В итоге сделал набросок , добавив в него наброски сделанные по мотивам хорошего видео: Bootstrap 4. Сетка. Подробное руководство.
Включает в себя примеры сетки bootstrap:
Колоники автоматической ширины
Установлене ширина одной колонки
Переполнение авто колонок
Переполнение фиксированных колонок
Колонки одинаковой ширины
Установка ширины одной колонки
Контент переменной ширины
Мульти-ряд
Брейкпоинты
На мобильных устройствах
Создание сложной комбинированной сетки
Вертикальное выравнивание
Горизонтальное выравнивание
Удаление полей между колонками
Перенос колонок на новую строку
Классы порядка элементов
Классы смещения
Вложенность