Zombie42679

Это обычный параллакс, можно найти готовый плагин, которых куча в интернете, а можно самому написать:

1. Сделать отдельный элемент под картинку на фон
2. Создать переменную в которой будут данные о том, сколько проскроллил пользователь пикселей вниз
3. Задать элементу translateX со значением в виде нашей переменной / 2 к примеру

Сам div больше картинки ? Если да, то добавить для img - display: block

Вот отличная маска для телефона - i-leon.ru/udobnoe-pole-input-dlya-telefona

Вообще в бутстрап разметке насколько помню container>row>col-**-** , у вас же сразу начинаются row и всё мешается в кучу.

Вопроса не совсем понял, padding-top: 0 можно задать если нужно чтоб привязан был, можно и margin отрицательный дать. Но если заголовок небольшой и он идёт как логотип, то обычно вставляют одной картинкой, без лишнего прикручивания текста.

Выдернул из примера, который привёл выше, всё что касается .active, остальное лишнее.
То есть структура проста - вьюпорт попадает на секцию - присваивается класс active .

$(document).ready(function() {
var e = $("#hamburger"),
t = $("#dropdown");
e.click(function() {
t.slideToggle("fast")
}), t.find("a").on("click", function() {
$(t).slideToggle()
}), hero = $("#row-hero"), header = $("#header"), clients = $("#clients"), projects = $("#projects"), projectsOffset = projects.offset(), clientsOffset = clients.offset(), contactOffset = $("#contact").offset(), mapCanvasOffset = $("#map-canvas").offset(), heightDifference = $(window).height() - (hero.outerHeight() + header.outerHeight() + clients.outerHeight()), $(window).scroll(function() {
$(this).scrollTop() > projectsOffset.top ? ($(this).scrollTop() < mapCanvasOffset.top - 200 && (header.find(".active").removeClass("active"), header.find("[data-nav='projects']").addClass("active")), header.hasClass("default") && header.hide().removeClass("default").addClass("nav-fixed").fadeIn()) : (header.removeClass("nav-fixed").addClass("default"), header.find(".active").removeClass("active"), header.find("[data-nav='home']").addClass("active")), $(this).scrollTop() > mapCanvasOffset.top - 200 && (header.find(".active").removeClass("active"), header.find("[data-nav='contact']").addClass("active"))
}), $("a").click(function() {
$("html, body").stop().animate({
scrollTop: $($.attr(this, "href")).offset().top
}, 750);
var e = $(this).attr("href");
return e.indexOf("#contact") >= 0 && $("#field1").focus(), !1
})
})

Вот здесь удобно расписано i-leon.ru/udobnoe-pole-input-dlya-telefona