Как сделать адаптивный блок с разным размером блока на Bootstrap?

Question

[Desqu]

Добрый день, нужна помощь в создании блока с плитками, блок должен быть создан при помощи Bootstrap. Плитки имеют разные размеры и формы, но располагаются в пределе одного контейнера, следовательно контент за пределы не выходит. То, как выглядит блок показана на картинке ниже.
Буду благодарен за любую помощь!
P.S С Bootstrap'ом начал работать недавно и лишь учусь.

Comments

[Вадим]

Бутстрап предполагает 12ти колоночную сетку. В редакторах, как правило, есть режим сетки, либо сетка отрисована дизайнером на отдельном слое. Это позволяет посмотреть какой блок сколько колонок занимает.

На рисунке имеем следующую структуру:
строка --> колонка с самокатом + колонка, в которую вложено 2 строки, в каждой и из которых по 2 колонки.

Первые 2 колонки в первой строке, судя по всему, делят межд собой 12 колонок.
То есть, на глаз, первая колонка (с самокатом) занимает 4 бутстрап колонки, а вторая, соответтсвенно, 8.

Во второй сетке, которая вложена во вторую колонку, в первой строке элемент со шлемом, опять же на глаз, так же занимает 4 колонки, велик на 8 колонок, а в следующей строке - наоборот.

[SuperToster]

...блок должен быть создан при помощи Bootstrap...

Интересно звучит ) а должен ли? )
Бросайте бутстрап аки костыли и идите самостоятельно.

Раз вам нужно "в пределе одного контейнера", как вариант: https://jsfiddle.net/u4d3c07w/