Serj-One

Если блоки одинаковой высоты, смысла в дополнительно обёртке нет. Если высота разная, сетка на флоатах поплывёт, так что придётся обернуть.

Не использую карусель бутстрапа, но подозреваю, что блок .carousel-indicators спозиционирован аболютно. Так что, bottom: -100px; Возможно, придётся поиграться с z-index для .carousel-indicators или .carousel-indicators ol

В чём сложность? Это секция, фон задаётся ей. Контейнер внутри секции.

При < 768 .container имеет ширину 100%, и отступы в 15px. Если у тебя иначе, значит сам что-то нахимичил.

Выступающий элемент с фикс. шириной - факт.
overflow-x: hidden для html и body не работает на мобильных при использовании вьюпорт.
Варианты решения:
1) Правильный - найти выступающий элемент и починить.
2) Костыль - задать overflow-x: hidden для отдельной секции, в которой имеется выступающий элемент.
P.S. Код не смотрел, поэтому, что именно выступает, не скажу.

Если таких элементов пара-тройка, - не страшно. Но если так по всей странице, стоит задуматься об использовании сетки с бОльшим количеством колонок.

Межстрочный одинаков. Разница только в насыщенности, но это результат маковского сглаживания, ничего необычного. Смиритесь, и верстайте с учётом этого. fontsquirrel из соседних ответов вам не поможет. Хотя шрифт действительно лучше конвертировать, правда для целей, с вашим вопросм не связанных.

Внимательно почитать документацию. Там всё предельно понятно, и даже с примерами.
Если даже после прочтения документации понимание не приходит, вы занимаетесь не тем.