Как добавлять и удалять элемент на страницу при уменьшении/ увеличении размеров экрана?
Используй media-запросы
Лучше такое делать через media запросы, но если очень нужно через JQuery,  то вот рабочий пример:$(window).resize(function() {
		// проверяем ширину и существует ли див #col_mobile-slider, тем самым тело условия выполнится один раз
		if ($(window).width() < 1024 && $("#col_mobile-slider").length == 0) {
			$('#col_slider').append('<div class="col-xs-6" id="col_mobile-slider">Текст!</div>');
		}
		// Откатываем изменения при увеличении ширины окна (если нужно)
		else if($(window).width() > 1024 && $("#col_mobile-slider").length == 1) {
			$("#col_mobile-slider").remove();
		}
		return false;
	});