Расширение блоков / Bootstrap

На сайте при экране lg показывается 4 блока в контейнере, при md 4 блока, sm 3 блока и xs 1 блок. Надо по нажатию сделать так чтобы этот блок расширился на 2 блока(как на фото).

Главная проблема заключается в адаптивности: я в принципе сделал то что планировал, но с фиксированной шириной и когда нажимаю на последний 4 блок в строке, он расширяется вправо и вылазит за экран.

На первой фотке красным выделен сам блок, а на второй как он должен расширяться, при этом он может закрывать контент за ним, то есть просто быть по верх всего. Мне хотя бы пример, как это сделать именно в bootstrap, чтобы расширялся блок и был адаптивен под все экраны.