Андрей Хохлов

Дизайнер, который хреначит кривоту без сетки "патамушта так вижу" - не дизайнер, а рисовальщик.
Да, могут быть исключения. Где-то можно местами отойти от сетки. Как правило в таких случаях видно - стоящая компромисса задумка, или чьи-то кривые руки.

Пользуйтесь, дорогие дизайнеры требованиями к макетам.

Собственно сетка это пожалуй единственное, что требуется от бутстрапа при вёрстке по макетам. И она кстати настраивается. А кто херачит целый бутстрап, тот бутстрап-программист.

Разбирайтесь: https://gist.github.com/andrey-hohlov/f620328a6ffb...
Там еще по ховеру, если завис над картой на пару секунд, тоже зум включается.

Только вам надо карту нормально через js инициализировать.

Никак

Поправить переменные

$grid-breakpoints: (
  xs: 0,
  sm: 768px,
  md: 980px,
  lg: 1200px
) !default;

$container-max-widths: (
  xs: 480px,
  sm: 720px,
  md: 960px,
  lg: 1140px
) !default;

font-size: 0; для родительского контейнера - лучшее решение в данном случае (inline-block).
Комменты между блоками или отсутствие переноса слишком легко херится например при натягивании верстки.

Чтобы быстрее разрабатывать и проще поддерживать.

Если вы не понимаете зачем нужны эти инструменты - значит вы не умеете ими пользоваться.
Научитесь - и вопрос отпадет сам собой.