С помощью системы Grid System фреймворка Bootstap, задайте классы таким образом, чтобы при увеличении размера браузера (больше 992px), блоки выстроились один слева, другой справа. Правый блок должен иметь 4 колонки и левый блок должен иметь 8 колонок. Остальной код не меняйте. Для увеличения и уменьшения размера браузера, захватите мышкой ползунок и двигайте влево или вправо