Pavel Torbeev

{
position:relative;
left: 50%;
transform: translateX(-50%);
}

text-aling:center?
А вообще лучше бы пример увидеть

Единственный вариант, который могу посоветовать, это сделать фиксированную ширину инпута, и сделать перенос внутри него

word-wrap: break-word;
    white-space: normal;

Исходя из статистики и технического задания о том, какие браузеры должен поддерживать проект, стоит и принимать решение: использовать или нет

Как то так

Смотря что хотите тестировать. Юзабильность или качество верстки?
Для сравнения правильности верстки у 2гиса есть такая штука

Добавьте классу logo черный фон, а псевдоклассом добавьте наклонную часть. Сделайте блок абсолютным и z-index больше, чем у меню

В хроме при маленьком разрешении ломается заголовок

Верстка картинкой - очень плохой тон
myfoliobike.hol.es/_landing/img/two_section_bg.jpg

Сделайте внешний див, внутри которого будут два блока.
У внешнего display:table, у внутренних display: table-cell

https://jsfiddle.net/2dman5pr/1/

$(window).on('click', '.propClone a', function() {
$(this).parents('.navbar-collapse').addClass('collapse')
});

gulp-spritesmith помимо спрайта генерирует миксин, подключив который к препроцессору, вы можете подключать нужное изображение путем инклуда. Что то вроде:
.sprite(imgname);
Только название изображение. Миксин сам подставит нужный бекграунд (картинка спрайта) и бэкграунд позишн, размеры

$('.modal').append($());
где .modal - класс открывшегося модального окна

Используйте grid систему бутстрапа
тоесть у дивов календара должна быть классы, например:

<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>