iBird Rose

https://jsfiddle.net/are04q1r/1/
используй container-fluid

поставить для родителя display: inline-block и не задавать фиксированную ширину.

все зависит от направленности ресурса.
вот к примеру тостер. ты думаешь на тостере есть хотя бы 1% юзеров которые сидят на ie? (не считая таких которые заходят потестить "а нет ли косяков верстки на тостере")
вот и отталкиваешься от того на кого направлен ресурс.

p.s. что касаемо меня - я сразу обговариваю поддержку версий ie, andriod, ios и т.д. если дизайн такой что придется юзать либо flexbox либо городить большие костыли - сразу сообщаю об этом. что поддержка будет к примеру ie11+

https://jsfiddle.net/ma21h848/

$(document).ready(function() {
		$(window).on('resize', function(){
			if(screen.width === window.innerWidth){
				console.log('полный экран');
			} else {
				console.log('свернут');
			}
		});
	});

Именно с col - нет. ну можно конечно. но костылей и гемора будет намного больше чем профита.
так что делай лучше эти блоки через inline-block;

если в двух словах - это нормальное поведение margin.
если хочется так как вы желаете:
1) сделать padding-bottom
2) задать border для родителя https://jsfiddle.net/byancced/
3) задать любое значение overflow для родителя, кроме visible

htmlbook.ru/html/form/method
у формы по дефолту стоит метод get

inline - значит этот css записан в самом html документе в теге < style >

выводишь новости в RSS
и тут есть гайд как из RSS публиковать посты в группу https://vk.com/page-59800369_46114205