Raz-Dva

www.puzzleweb.ru/css/selectors.php

Я конечно не специалист(работаю верстальщиком где-то мес. 5 ) но скажу о тех ошибках на которые сам попадался.
-если добавиться номер тел. Лучше сделать div.tel>p(или span)и потом проверить добавляя или удаляя номера телефонов
-в шапке я сделал бы не через col а просто дивы в одну строку и выровнял бы через vertical-align:midlle. В таком случае не нужны марджины вверху и блоки всегда были бы вертикально выровнены посередине.
- спрайты делаю в одном файле. Не надо разбивать для соц сетей, для звездочек. А постараться в одном файле их сделать.
Ну и нужно всегда проверять на количество текста(если много текста или мало), так же с изображениями(если вставят с админки большое или меньшее изображение) не полезет ли верстка. Цена тоже может меняться. Это как моё мнение. Я думаю что более опытные найдут еще что-то, просто не всем хочеться тратить свое время.

По моему вертикально через классы в bootstrap не выровняешь. Самому нужно задавать css .

$("#modInfo").on('shown.bs.modal', function(e){ ... });
При появлении(shown) модального окна над ним можно выполнять какие-нибудь действия. Для bootstrap мод. окна это точно работает.