Как сделать адаптивный блок с разным размером блока на Bootstrap?
Добрый день, нужна помощь в создании блока с плитками, блок должен быть создан при помощи Bootstrap. Плитки имеют разные размеры и формы, но располагаются в пределе одного контейнера, следовательно контент за пределы не выходит. То, как выглядит блок показана на картинке ниже.
Буду благодарен за любую помощь!
P.S С Bootstrap'ом начал работать недавно и лишь учусь.
Бутстрап предполагает 12ти колоночную сетку. В редакторах, как правило, есть режим сетки, либо сетка отрисована дизайнером на отдельном слое. Это позволяет посмотреть какой блок сколько колонок занимает.
На рисунке имеем следующую структуру:
строка --> колонка с самокатом + колонка, в которую вложено 2 строки, в каждой и из которых по 2 колонки.
Первые 2 колонки в первой строке, судя по всему, делят межд собой 12 колонок.
То есть, на глаз, первая колонка (с самокатом) занимает 4 бутстрап колонки, а вторая, соответтсвенно, 8.
Во второй сетке, которая вложена во вторую колонку, в первой строке элемент со шлемом, опять же на глаз, так же занимает 4 колонки, велик на 8 колонок, а в следующей строке - наоборот.
