Как сделать такую раскладку используя Bootstrap или float (скрины и заготовки кода в песочнице внутри)?

Цель - вот такая раскладка


Пока получается реализовать только вот так:
Заготовка jsbin c float
Заготовка jsbin c Bootstrap

Можно передвинуть блок 3 вверх - через postion: relative. Но появиться ненужное пустое пространство внизу.

Добавить "обертки" сделав колонку слева для блоков 1,3 и справа для 2,4 у меня не получатается, т.к. на большом экране появиться еще вот такой блок.