Sergey Vydayko

form и table_2 делаешь col-xs-6
а table_1 делаешь col-xs-12

display: table, и строй как нужно;
но я лучше бы заюзал flax-box;

нужно родителю поставить position:revative, потом ребенку с помощью z-index, выставь нужное наложение слоев

display: flex

или

display: table;

и потом задать 50% ширину двум колонам

прижимать шапку в таком случаи нужно скриптов а не сss, почитай, есть много статей по этому, тоже была такая проблема, решил скриптом

Так написано же что нужно сделать, 3 параграф

$(document).ready(function(){
$(document).on('click', '1', function(){
$('2').toggleClass('3');
});
});
1 - класс на который кликаешь,
2- класс к которому нужно добавить новый класс к примеру active,
3 - сам класс который хочешь добавить

есть уже готовый вариант это animate.css, или самому добавить анимацию. jqbook.net.ru/jquery/Effects